@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-glass:#ffffffb3;--bg-glass-border:#ffffff4d;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--brand-gradient:linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);--brand-gradient-hover:linear-gradient(135deg, #0284c7 0%, #059669 100%);--brand-accent:#0ea5e9;--bg-app-gradient:linear-gradient(135deg, #f0f9ff 0%, #ecfdf5 100%);--border-color:#0f172a1a;--shadow-sm:0 4px 6px -1px #0000000d;--shadow-md:0 10px 15px -3px #0000001a;--shadow-glow:0 0 20px #10b9814d}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-glass:#1e293bb3;--bg-glass-border:#ffffff0d;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--brand-gradient:linear-gradient(135deg, #38bdf8 0%, #34d399 100%);--brand-gradient-hover:linear-gradient(135deg, #7dd3fc 0%, #6ee7b7 100%);--brand-accent:#38bdf8;--bg-app-gradient:linear-gradient(135deg, #020617 0%, #064e3b 100%);--border-color:#ffffff1a;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 10px 25px -3px #00000080;--shadow-glow:0 0 30px #34d39933}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-app-gradient);color:var(--text-primary);background-attachment:fixed;font-family:Inter,sans-serif;line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000000d}.glass-panel:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#fff6,#fff0);border-radius:24px;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-text{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes pulse-glow{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 15px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.btn-primary{background:var(--brand-gradient);color:#fff;cursor:pointer;box-shadow:var(--shadow-md);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);animation:2s infinite pulse-glow}.btn-primary:hover{background:var(--brand-gradient-hover);animation:none;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0ea5e980}.icon-btn{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.icon-btn:hover{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 10px 20px -10px var(--text-primary);transform:translateY(-2px)scale(1.05)}.nav-header{z-index:100;width:100%;padding:24px 0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0}.nav-header.scrolled{padding:16px 0}.nav-header.scrolled .nav-content{background:var(--bg-glass);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-color);border-radius:100px;padding:12px 24px;box-shadow:0 8px 32px #0000000d}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:8px;font-size:24px;font-weight:800;display:flex}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}@media (width<=768px){.hero-section{padding-top:50px!important}.container{padding-left:15px!important;padding-right:15px!important}h1{font-size:clamp(32px,8vw,48px)!important}h2{font-size:clamp(28px,6vw,40px)!important}.glass-panel{padding:20px!important}}*{cursor:none!important}.logo-icon{color:var(--brand-accent)}
