:root{--color-bg:#fafaf8;--color-bg-warm:#f5f3ef;--color-bg-alt:#efeee9;--color-surface:#fff;--color-surface-hover:#f8f7f5;--color-text:#1a1a2e;--color-text-secondary:#556;--color-text-muted:#8a8a9a;--color-text-inverse:#fff;--color-accent:#6c5ce7;--color-accent-hover:#5a4bd6;--color-accent-light:#ede8ff;--color-accent-glow:#6c5ce726;--color-cta:#ff6b35;--color-cta-hover:#e85a25;--color-border:#e5e4df;--color-border-hover:#d0cfc8;--color-success:#27ae60;--color-error:#e74c3c;--color-dark-bg:#1a1a2e;--color-dark-surface:#252540;--font-family:"Inter", "Noto Sans Armenian", "Segoe UI Historic", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--section-padding-y:6rem;--section-padding-y-mobile:4rem;--container-max:1200px;--container-padding:2rem;--container-padding-mobile:1.25rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:100px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 16px 50px #0000001f;--shadow-accent:0 4px 20px #6c5ce740;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--transition-fast:.2s var(--ease-smooth);--transition-base:.3s var(--ease-smooth);--transition-slow:.5s var(--ease-out)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{max-width:100vw;position:relative;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--color-text);font-weight:700;line-height:1.15}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,3.5vw,2.75rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}h4{font-size:1.125rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}@media (width<=768px){.container{padding:0 var(--container-padding-mobile)}}section{padding:var(--section-padding-y) 0;position:relative}@media (width<=768px){section{padding:var(--section-padding-y-mobile) 0}}.section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.section-label:before{content:"";background:var(--color-accent);border-radius:1px;width:24px;height:2px}.section-title{margin-bottom:1rem}.section-subtitle{color:var(--color-text-muted);max-width:600px;font-size:1.125rem;line-height:1.7}.section-header{margin-bottom:3.5rem}.section-header--center{text-align:center}.section-header--center .section-subtitle{margin:0 auto}.section-header--center .section-label{justify-content:center}.btn{font-family:var(--font-family);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition-base);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-cta{background:var(--color-cta);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-cta:hover{background:var(--color-cta-hover);transform:translateY(-1px);box-shadow:0 4px 20px #ff6b354d}.btn-outline{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-light)}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--color-accent);background:var(--color-accent-light)}.btn-sm{padding:.625rem 1.25rem;font-size:.875rem}.btn-lg{padding:1rem 2.5rem;font-size:1rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);padding:2rem}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-icon{border-radius:var(--radius-md);background:var(--color-accent-light);width:48px;height:48px;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.input,.textarea{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1.25rem;font-size:.9375rem}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.textarea{resize:vertical;min-height:80px}.divider{background:var(--color-border);border:none;height:1px;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.btn{white-space:normal;text-align:center;word-break:break-word;max-width:100%;line-height:1.25}}@media (width<=640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.bg-warm{background:var(--color-bg-warm)}.bg-dark{background:var(--color-dark-bg);color:var(--color-text-inverse)}.bg-dark h1,.bg-dark h2,.bg-dark h3,.bg-dark h4{color:var(--color-text-inverse)}.bg-dark p{color:#ffffffb3}.bg-dark .section-label{color:#ffffff80}.bg-dark .section-label:before{background:#ffffff4d}
