@layer base{:root{--bg-dark:#07080d;--bg-card:#12141df2;--bg-card-hover:#1a1c2afa;--color-primary:#6366f1;--color-secondary:#a855f7;--color-accent:#14b8a6;--color-text-main:#f3f4f6;--color-text-muted:#9ca3af;--color-text-white:#fff;--border-color:#ffffff14;--grad-primary:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--font-main:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--nav-height:72px;--max-width:1200px;--radius-sm:8px;--radius-md:16px;--transition-smooth:all .18s ease;--transition-color:color .15s ease, background-color .15s ease, border-color .15s ease;--transition-transform:transform .18s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--color-text-main);scrollbar-color:#ffffff1f var(--bg-dark);scrollbar-width:thin;overflow-x:hidden}body{min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#6366f10a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a855f70a 0%,#0000 40%);width:100vw;height:100vh;position:fixed;top:0;left:0}a{color:inherit;transition:var(--transition-color);text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}input:focus-visible,textarea:focus-visible{outline:none}textarea{resize:vertical}::placeholder{color:#9ca3af73}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px;@media (width<=480px){padding:0 16px}}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background-color .15s,border-color .15s,box-shadow .18s;&:hover{background:var(--bg-card-hover);border-color:#6366f138;box-shadow:0 8px 28px -10px #00000073}}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;padding:11px 26px;font-size:.95rem;font-weight:600;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex;&.btn-primary{background:var(--grad-primary);color:var(--color-text-white);box-shadow:0 4px 16px -4px #6366f159;&:hover{transform:translateY(-1px);box-shadow:0 6px 22px -4px #6366f180}&:active{transform:translateY(0)}}&.btn-secondary{border:1px solid var(--border-color);color:var(--color-text-main);&:hover{background:#ffffff0d;border-color:#6366f166;transform:translateY(-1px)}&:active{transform:translateY(0)}}}.section-padding{padding:112px 0;@media (width<=1024px){padding:88px 0}@media (width<=768px){padding:64px 0}@media (width<=480px){padding:48px 0}}.section-header{text-align:center;max-width:600px;margin:0 auto 56px;@media (width<=768px){margin-bottom:40px}@media (width<=480px){margin-bottom:32px}& h2{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(1.875rem,4vw,2.75rem)}& p{color:var(--color-text-muted);font-size:clamp(.975rem,2vw,1.1rem);line-height:1.65}}.badge{color:var(--color-primary);letter-spacing:.02em;background:#6366f11a;border:1px solid #6366f12e;border-radius:50px;margin-bottom:20px;padding:5px 13px;font-size:.8rem;font-weight:600;display:inline-block}}@layer utilities{.text-gradient{background:var(--grad-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}.site-header{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);z-index:200;background:#07080dcc;align-items:center;transition:height .2s,background-color .15s,box-shadow .15s,border-color .15s;display:flex;position:fixed;top:0;left:0;right:0}.site-header.scrolled{background:#07080df0;border-color:#ffffff1a;height:60px;box-shadow:0 2px 16px -4px #0006}.header-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{flex-shrink:0;align-items:center;display:flex}.site-header .logo-image{object-fit:contain;width:auto;height:44px;display:block}.nav-menu{align-items:center;gap:24px;display:flex}.nav-dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;gap:5px;display:inline-flex}.chevron{opacity:.7;font-size:.6rem;transition:transform .15s;display:inline-block}@media (width>=769px){.nav-dropdown:hover{& .dropdown-submenu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}& .chevron{transform:rotate(180deg)}}}.dropdown-submenu{border:1px solid var(--border-color);border-radius:var(--radius-sm);opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(16px);z-index:300;background:#0c0d16f5;width:210px;padding:10px 6px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 12px 28px -8px #00000080}.dropdown-submenu-inner{flex-direction:column;gap:2px;display:flex}.dropdown-sublink{color:var(--color-text-muted);text-align:left;border-radius:6px;padding:9px 12px;font-size:.875rem;font-weight:500;transition:background-color .12s,color .12s;display:block;&:hover{color:var(--color-text-white);background:#ffffff0d}}.nav-link{color:var(--color-text-muted);padding:6px 0;font-size:.9rem;font-weight:500;transition:color .15s;position:relative;&:hover{color:var(--color-text-white)}&:after{content:"";background:var(--grad-primary);border-radius:1px;width:0;height:2px;transition:width .18s;position:absolute;bottom:0;left:0}&:hover:after{width:100%}&.nav-active{color:var(--color-text-white);&:after{width:100%}}}.talk-btn-mobile{display:none}.actions{flex-shrink:0;align-items:center;gap:14px;display:flex}.burger-menu{cursor:pointer;z-index:201;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:8px;transition:background-color .15s;display:none;&:hover,&:focus-visible{background-color:#ffffff0f}& span{background:var(--color-text-main);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .15s;display:block}}.nav-overlay{-webkit-backdrop-filter:blur(6px);z-index:150;opacity:0;visibility:hidden;pointer-events:none;background:#07080d8c;transition:opacity .2s,visibility .2s;position:fixed;inset:0}.nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media (width<=768px){.talk-btn-desktop{display:none}.burger-menu{display:flex}.nav-menu{-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-color);width:min(84vw,340px);height:100vh;padding:calc(var(--nav-height) + 20px) 28px 40px;z-index:200;background:#090a11f5;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:transform .25s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 32px #00000059}.nav-menu.active{transform:translate(0)}.nav-dropdown{width:100%}.dropdown-submenu{opacity:1;visibility:visible;width:100%;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;grid-template-rows:0fr;padding:0;transition:grid-template-rows .2s;display:grid;position:static;overflow:hidden;transform:none}.dropdown-submenu-inner{border-left:1px solid #ffffff0f;flex-direction:column;gap:2px;min-height:0;margin:6px 0 6px 6px;padding-left:16px;display:flex}.nav-dropdown.active-mobile{& .dropdown-submenu{grid-template-rows:1fr}& .chevron{transform:rotate(180deg)}}.dropdown-sublink{color:var(--color-text-muted);text-align:left;border-radius:6px;padding:9px 10px;font-size:.9rem;&:hover,&:focus-visible{color:var(--color-text-white);background:#ffffff0a}}.nav-link{text-align:left;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:14px 0;font-size:1.05rem;font-weight:600;display:flex;&:after{display:none}&:hover{color:var(--color-text-white)}}.talk-btn-mobile{justify-content:center;width:100%;margin-top:28px;display:inline-flex}.burger-menu.active span:first-child{transform:translateY(7px)rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}@media (width<=480px){.site-header .logo-image{height:38px}}.site-footer{border-top:1px solid var(--border-color);background:#040509}.footer-container{flex-wrap:wrap;justify-content:space-between;gap:48px;padding-top:72px;padding-bottom:56px;display:flex;@media (width<=768px){flex-direction:column;align-items:flex-start;gap:40px;padding-top:56px;padding-bottom:40px}}.footer-brand{flex:0 0 260px;max-width:280px;@media (width<=768px){flex:none;max-width:100%}}.footer-logo{margin-bottom:14px;display:inline-block}.site-footer .logo-image{object-fit:contain;width:auto;height:48px;display:block}.brand-tagline{color:var(--color-text-muted);max-width:240px;font-size:.9rem;line-height:1.55}.footer-links{flex-wrap:wrap;gap:48px;display:flex;@media (width<=640px){gap:32px;width:100%}}.link-group{flex-direction:column;gap:10px;min-width:120px;display:flex;& h4{color:var(--color-text-white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.75rem;font-weight:700}& a{color:var(--color-text-muted);font-size:.9rem;transition:color .15s,transform .15s;display:inline-block;&:hover{color:var(--color-text-white);transform:translate(3px)}}}.contact-text{color:var(--color-text-muted);max-width:220px;margin:0;font-size:.875rem;line-height:1.55}.footer-bottom-wrap{border-top:1px solid var(--border-color)}.footer-bottom{color:var(--color-text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:24px;font-size:.825rem;display:flex;@media (width<=560px){flex-direction:column;align-items:flex-start;gap:12px}}.bottom-links{gap:20px;display:flex;& a{color:var(--color-text-muted);font-size:.825rem;transition:color .15s;&:hover{color:var(--color-text-white)}}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}
