:root{--primary-color:#6a40ff;--primary-light-color:#8a6aff;--primary-dark-color:#4a20cc;--secondary-color:#ffad33;--accent-color:#6a40ff;--background-color:#fafafa;--surface-color:#fff;--card-color:#fff;--text-primary:#212121;--text-secondary:#757575;--text-divider:#e0e0e0;--success-color:#4caf50;--warning-color:#ffad33;--error-color:#f44336;--info-color:#2196f3;--input-fill-color:#f9fafb;--input-border-color:#e0e0e0;--input-error-color:#dc2626;--icon-color:#6b7280;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--border-radius-small:8px;--border-radius-medium:12px;--border-radius-large:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 2px 4px rgba(0,0,0,.1);--shadow-lg:0 4px 8px rgba(0,0,0,.15);--shadow-xl:0 8px 16px rgba(0,0,0,.2);--mobile:480px;--tablet:768px;--desktop:1024px;--wide:1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:48px;line-height:1.2}h1,h2{font-weight:700;color:var(--text-primary)}h2{font-size:32px;line-height:1.25}h3{font-size:24px;line-height:1.3}h3,h4{font-weight:600;color:var(--text-primary)}h4{font-size:20px;line-height:1.4}h5{font-size:16px}h5,h6{font-weight:500;line-height:1.5;color:var(--text-primary)}h6{font-size:14px}p{font-size:16px;font-weight:400;line-height:1.5;color:var(--text-primary)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark-color)}.container{width:100%;max-width:1200px;margin:0 auto;padding:var(--spacing-md)}@media (min-width:768px){.container{padding:var(--spacing-xl)}}@media (min-width:1024px){.container{padding:var(--spacing-xxl)}}.primary-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-small);padding:12px 24px;font-size:14px;font-weight:500;box-shadow:var(--shadow-md);transition:all .2s ease;cursor:pointer;display:inline-block}.primary-button:hover{background-color:var(--primary-dark-color);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.primary-button:active{transform:translateY(0)}.text-button{background-color:transparent;color:var(--primary-color);border:none;border-radius:var(--border-radius-small);padding:12px 24px;font-size:14px;font-weight:500;transition:background-color .2s ease;cursor:pointer;display:inline-block}.text-button:hover{background-color:rgba(106,64,255,.1)}.card{background-color:var(--card-color);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-md);padding:var(--spacing-md);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-lg)}.glass-card{background:hsla(0,0%,100%,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2);border-radius:var(--border-radius-medium);box-shadow:var(--shadow-xl)}.text-input{background-color:var(--input-fill-color);border:1px solid var(--input-border-color);border-radius:var(--border-radius-small);padding:12px 16px;font-size:16px;transition:border-color .2s ease;width:100%}.text-input:focus{outline:none;border-color:var(--primary-color);border-width:2px}.text-input.error{border-color:var(--input-error-color)}.hero{background:linear-gradient(135deg,#6a40ff,#6a40ff 30%,#6a40ff 70%,#fff);color:#fff;padding:80px 0;text-align:center}.hero h1{color:#fff;margin-bottom:var(--spacing-md)}.hero p{font-size:20px;font-weight:400;opacity:.9;color:#fff}.feature-card{background:var(--surface-color);border-radius:var(--border-radius-medium);padding:var(--spacing-xl);box-shadow:var(--shadow-md);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-card h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md)}.feature-card p{font-size:16px;color:var(--text-secondary);line-height:1.6}.cta-section{background-color:var(--background-color);padding:80px 0;text-align:center}.cta-button{background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius-small);padding:16px 32px;font-size:16px;font-weight:500;box-shadow:var(--shadow-md);transition:all .2s ease;cursor:pointer}.cta-button:hover{background-color:var(--primary-dark-color);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.section{padding:var(--spacing-xxl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl)}@media (max-width:768px){h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}.hero{padding:60px 0}.hero h1{font-size:36px}.hero p{font-size:18px}}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.screenshots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media (min-width:1400px){.screenshots-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-xxl)}}@media (min-width:1024px) and (max-width:1399px){.screenshots-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px) and (max-width:1023px){.screenshots-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width:767px){.screenshots-grid{grid-template-columns:1fr;gap:var(--spacing-lg);padding:0 var(--spacing-md)}}