@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{--color-primary: #0097B2;--color-success: #7ED957;--color-highlight: #233876;--color-text-main: #000000;--color-text-secondary: #545454;--syntrix-bg: #0A0A0A;--syntrix-off-white: #F5F5F7;--syntrix-neon-blue: #00D1FF;--syntrix-neon-purple: #BC13FE;--syntrix-glass: rgba(255, 255, 255, .05);--syntrix-glass-border: rgba(255, 255, 255, .1);--color-bg-base: #FFFFFF}.glassmorphism{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--syntrix-glass);border:1px solid var(--syntrix-glass-border)}.neon-text-blue{color:var(--syntrix-neon-blue);text-shadow:0 0 10px rgba(0,209,255,.5)}.neon-text-purple{color:var(--syntrix-neon-purple);text-shadow:0 0 10px rgba(188,19,254,.5)}body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-base);color:var(--color-text-secondary);font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);letter-spacing:-.025em;font-weight:500}.glass{background-color:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.glass-dark{background-color:#1e293b;color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.cobalt-button{background-color:#1e3a8a;color:#fff;transition:all .2s ease}.cobalt-button:hover{background-color:#172554;transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a40}.emerald-badge{background-color:#ecfdf5;color:#059669;border:1px solid #d1fae5}.bg-mesh{background-color:#020617;background-image:radial-gradient(at 0% 0%,hsla(243,75%,59%,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,hsla(192,91%,47%,.1) 0px,transparent 50%),radial-gradient(at 50% 100%,hsla(280,75%,60%,.1) 0px,transparent 50%)}.text-gradient{background:linear-gradient(to r,#6366f1,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-neon-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--syntrix-neon-blue) 100%)}.glass-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);box-shadow:0 20px 25px -5px #0000000d,0 10px 10px -5px #00000005}.glass-nav{background:#fffc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05)}.hover-glow:hover{box-shadow:0 0 30px #6366f14d;border-color:#6366f180}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1)}.reveal-on-scroll.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px;height:6px}::selection{background-color:#1e3a8a;color:#fff}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}@layer components{.label{@apply text-[9px] font-bold text-slate-600 uppercase tracking-widest block mb-1.5 ml-1;}.input{@apply w-full h-10 px-3 rounded-xl bg-white border border-slate-300 focus:border-[#0298b3] focus:ring-4 focus:ring-[#0298b3]/10 outline-none text-slate-900 font-medium transition-all placeholder:text-slate-400 text-sm shadow-sm;}.tab{@apply w-full py-2.5 text-[9px] font-bold text-slate-400 rounded-lg flex items-center justify-center gap-2 hover:bg-slate-100 hover:text-slate-600 transition-all uppercase tracking-widest;}.tab-active{@apply w-full py-2.5 text-[9px] font-bold bg-white text-[#0298b3] rounded-lg shadow-md border border-slate-200 flex items-center justify-center gap-2 transition-all uppercase tracking-widest;}}