@import url('/assets/home-v22.css');

:root{--text:#172033;--muted:#68738c;--line:#ffffffc7;--glass:#ffffff72;--purple:#8b5cf6;--cyan:#06b6d4;--blue:#3b82f6;--pink:#ec4899;--green:#10b981;--gold:#f59e0b}
body{color:var(--text);background:#edf3ff}
.aurora{background:radial-gradient(circle at var(--mx) var(--my),#ffffffaa,transparent 27%),linear-gradient(145deg,#f8fbff 0%,#eef4ff 46%,#faf2ff 100%)}
.aurora i{filter:blur(105px);opacity:.46}
.aurora i:nth-child(1){background:#c4b5fd}
.aurora i:nth-child(2){background:#67e8f9}
.aurora i:nth-child(3){background:#f9a8d4}
.aurora i:nth-child(4){background:#93c5fd}
.noise{opacity:.018;mix-blend-mode:multiply}
.glass-nav{border-color:#ffffffd8;background:linear-gradient(135deg,#ffffffb8,#ffffff70);box-shadow:0 18px 55px #6577a426,inset 0 1px #fff;backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.brand b{color:#182036}.brand small{color:#78839c}.glass-nav nav a{color:#5f6981}.glass-nav nav a:hover{background:#ffffff9c;color:#172033}
.logo{color:#fff;background:linear-gradient(135deg,#8b5cf6,#38bdf8);box-shadow:inset 0 1px #ffffffcc,0 9px 24px #818cf866}
.glass-button{color:#243047;border-color:#ffffffdc;background:linear-gradient(135deg,#ffffffc7,#ffffff7a);box-shadow:inset 0 1px #fff,0 10px 28px #7181a52c;backdrop-filter:blur(18px)}
.glass-button:hover{border-color:#fff;box-shadow:inset 0 1px #fff,0 14px 34px #62739b3b}
.glass-button.subtle{background:#ffffff72}.glass-button.bright{color:#fff;background:linear-gradient(110deg,#8b5cf6,#3b82f6 52%,#06b6d4);border-color:#ffffffbb;box-shadow:inset 0 1px #ffffffcc,0 12px 30px #6366f15c}
.hero-badge{color:#526078;border-color:#ffffffdf;background:#ffffff8c;box-shadow:inset 0 1px #fff,0 8px 25px #7d8ead20}.hero h1{color:#152038;text-shadow:0 10px 35px #6a77a31c}.hero h1 em{background-image:linear-gradient(100deg,#7c3aed,#2563eb,#0891b2,#db2777,#7c3aed)}.hero>p{color:#66738d}
.metrics div{border-color:#ffffffdc;background:linear-gradient(145deg,#ffffffb8,#ffffff6e);box-shadow:inset 0 1px #fff,0 16px 38px #7787aa24}.metrics strong{color:#1f2940}.metrics span{color:#758099}
.section-title>span,.cta span{color:#6678ad}.section-title h2{color:#172033}.section-title p{color:#6d7890}
.glass-card,.glass-panel{border-color:#ffffffdf;background:linear-gradient(145deg,#ffffffc4,#ffffff76 48%,#ffffff99);box-shadow:inset 0 1px #fff,0 28px 65px #66789c2b;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}
.glass-card:before{opacity:.2}.glass-card:after{background:linear-gradient(90deg,transparent,#fff,transparent);opacity:1}.glass-card:hover{border-color:#fff;box-shadow:inset 0 1px #fff,0 36px 80px #67799f35}
.category-icon{border-color:#ffffffeb;background:linear-gradient(145deg,#ffffffd6,#ffffff82);box-shadow:inset 0 1px #fff,0 12px 26px #68789b2c}.card-head span{color:#7b869e}.card-head h3{color:#1c263c}.online{color:#64718a;border-color:#ffffffdc;background:#ffffff82}.card-intro{color:#68758d}
.function-list>div{border-color:#ffffffd7;background:linear-gradient(100deg,#ffffffae,#ffffff66);box-shadow:inset 0 1px #ffffffba}.function-list>div:hover{background:#ffffffc2;border-color:#fff;box-shadow:0 10px 26px #6a7a9a1d}.function-list b{color:#273149}.function-list small{color:#7a849b}.function-list em{color:#637089;background:#ffffff8c;border-color:#ffffffdc}
.cta h2{color:#172033}.cta p{color:#68758c}footer{color:#788399;border-color:#ffffffa8}
@media(prefers-reduced-motion:reduce){.aurora i,.hero h1 em{animation:none}.glass-card,.glass-button{transition:none}}