@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";:root[data-theme=dark],:root{--bg: #060D14;--bg-2: #0A1520;--bg-3: #0D1F2D;--bg-4: #162535;--bg-5: #1E2F42;--text-1: #FFFFFF;--text-2: #B5C0CE;--text-3: #6B7A8D;--line: rgba(255,255,255,.06);--line-2: rgba(255,255,255,.12);--green: #1D9E75;--green-bright: #22B885;--green-soft: rgba(29,158,117,.12);--orange: #D85A30;--gold: #EF9F27;--blue: #378ADD;--lavender: #7F77DD;--danger: #E24B4A;--card-shadow: 0 8px 32px rgba(0,0,0,.3);--glass-bg: rgba(13,31,45,.6);--glass-border: rgba(255,255,255,.08)}:root[data-theme=light]{--bg: #F5F6F8;--bg-2: #EBEEF2;--bg-3: #FFFFFF;--bg-4: #F0F2F5;--bg-5: #E5E9EE;--text-1: #0A1520;--text-2: #4B5563;--text-3: #8A95A4;--line: rgba(10,21,32,.08);--line-2: rgba(10,21,32,.14);--green: #1D9E75;--green-bright: #22B885;--green-soft: rgba(29,158,117,.1);--orange: #D85A30;--gold: #EF9F27;--blue: #378ADD;--lavender: #7F77DD;--danger: #E24B4A;--card-shadow: 0 4px 24px rgba(10,21,32,.06);--glass-bg: rgba(255,255,255,.7);--glass-border: rgba(10,21,32,.08)}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text-1);min-height:100vh;font-family:Space Grotesk,system-ui,sans-serif}*,*:before,*:after{box-sizing:border-box}input,select,textarea{color:var(--text-1);font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--green)!important;box-shadow:0 0 0 3px var(--green-soft);outline:none}button{transition:transform .12s ease,box-shadow .2s ease,background .2s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-track{background:transparent}img{max-width:100%;height:auto}.display-bebas{font-family:Bebas Neue,sans-serif;letter-spacing:.01em}.glass{background:var(--glass-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border);border-radius:16px}.mesh-green{background:radial-gradient(circle at 20% 30%,rgba(29,158,117,.25) 0,transparent 50%),radial-gradient(circle at 80% 60%,rgba(127,119,221,.18) 0,transparent 55%),radial-gradient(circle at 50% 90%,rgba(55,138,221,.15) 0,transparent 50%)}.shimmer-text{background:linear-gradient(110deg,var(--text-1) 35%,#1D9E75 50%,var(--text-1) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s linear infinite}.btn-magnetic{position:relative;overflow:hidden}.btn-magnetic:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.18) 0%,transparent 50%);opacity:0;transition:opacity .2s}.btn-magnetic:hover:after{opacity:1}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.fade-up{animation:fadeUp .5s cubic-bezier(.16,1,.3,1) both}.slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both}.spin{animation:spin .8s linear infinite}.float{animation:float 4s ease-in-out infinite}details summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(45deg)}details summary span{transition:transform .2s;display:inline-block}@media (max-width: 1024px){header{padding:14px 24px!important;flex-wrap:wrap;gap:12px}section{padding-left:28px!important;padding-right:28px!important}h1{font-size:64px!important;line-height:1!important}h2{font-size:34px!important}section>div[style*="grid-template-columns: 1.15fr"],section>div[style*="grid-template-columns: 1.1fr"]{grid-template-columns:1fr!important;gap:40px!important}}@media (max-width: 640px){header{padding:12px 16px!important}header nav{display:none!important}section{padding:56px 18px!important}h1{font-size:48px!important}h2{font-size:26px!important}div[style*="grid-template-columns: repeat(3"],div[style*="grid-template-columns: repeat(4"],div[style*="grid-template-columns: 2fr"]{grid-template-columns:1fr!important}div[style*="transform: translateY(-12px)"]{transform:none!important}}