body{background:linear-gradient(160deg,#f0f4ff,#f8fafc 40%,#f5f0ff);background-attachment:fixed;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 900px 700px at 15% 25%,rgba(99,102,241,.06) 0%,transparent 70%),radial-gradient(ellipse 700px 600px at 85% 75%,rgba(139,92,246,.05) 0%,transparent 70%),radial-gradient(ellipse 500px 400px at 50% 50%,rgba(56,189,248,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.grid-pattern{position:relative}.grid-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(99,102,241,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.035) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;opacity:.5}.card-hover{transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f11a}.btn-animated{transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out}.btn-animated:hover{transform:translateY(-1px)}.btn-animated:active{transform:scale(.98)}.expandable-content{overflow:hidden;transition:max-height .22s ease-out,opacity .18s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .2s ease-out}.btn-primary-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-weight:500;box-shadow:0 2px 8px #6366f140}.btn-primary-gradient:hover{box-shadow:0 4px 16px #6366f159}.section-title-bar{position:relative;padding-left:12px}.section-title-bar:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:2px}.tag-soft{display:inline-flex;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;border-radius:12px;background:linear-gradient(135deg,#ede9fe,#e0e7ff);color:#6366f1}.stat-highlight{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.sample-card{transition:all .18s ease-out;border:1px solid #e2e8f0}.sample-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #6366f11a;transform:translateY(-1px)}@media(prefers-reduced-motion:reduce){.card-hover,.btn-animated,.expandable-content,.fade-in-up,.fade-in,.sample-card{transition:none!important;animation:none!important}.card-hover:hover,.btn-animated:hover,.sample-card:hover{transform:none!important}}@media(max-width:768px){body:before{background:radial-gradient(ellipse 400px 300px at 20% 30%,rgba(99,102,241,.03) 0%,transparent 70%)}.grid-pattern:before{background-size:30px 30px;opacity:.3}.hero-data-element-4,.hero-data-element-9,.hero-data-element-10,.hero-data-element-11{display:none}.hero-data-element-1{top:6%}.hero-data-element-2{top:18%}.hero-data-element-3{top:30%}.hero-data-element-5{top:42%}.hero-data-element-6{top:54%}.hero-data-element-7{top:66%}.hero-data-element-8{top:78%}.hero-data-element-12{top:90%}.hero-data-flow{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%)}.hero-data-element-2,.hero-data-element-7{animation-direction:normal}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a5b4fc,#8b5cf6);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#818cf8,#7c3aed)}.sample-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:520px){.sample-grid{grid-template-columns:1fr}}.log-entry-latest{border-left:3px solid #6366f1;padding-left:12px}@keyframes heroGlow{0%,to{opacity:.4;transform:translate(0) scale(1)}50%{opacity:.6;transform:translate(20px,-10px) scale(1.1)}}@keyframes heroGlow2{0%,to{opacity:.3;transform:translate(0) scale(1)}50%{opacity:.5;transform:translate(-15px,15px) scale(1.05)}}.hero-glow{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero-glow-1{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);top:-100px;left:10%;animation:heroGlow 10s infinite}.hero-glow-2{width:350px;height:350px;background:radial-gradient(circle,rgba(139,92,246,.25) 0%,transparent 70%);bottom:-80px;right:15%;animation:heroGlow2 12s infinite}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-title-shimmer{background:linear-gradient(90deg,#fff,#c7d2fe,#fff,#c7d2fe,#fff);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 8s ease-in-out infinite}.hero-info-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;color:#ffffffd9;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.hero-info-tag:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.hero-grid-decoration{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.4}.hero-btn-primary{padding:4px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0000001a}.hero-btn-primary:hover{background:#ffffff40;border-color:#ffffff73;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.hero-btn-secondary{padding:4px 12px;background:#ffffff14;color:#ffffffbf;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-btn-secondary:hover{background:#ffffff1f;color:#ffffffe6;border-color:#ffffff40}.hero-foreground{position:relative;z-index:3}.hero-data-flow{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 93%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.hero-data-flow:before,.hero-data-flow:after{content:"";position:absolute;width:200%;height:100%;background-repeat:repeat-x;opacity:.08}.hero-data-flow:before{background-image:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 10%,transparent 20%),linear-gradient(90deg,transparent 30%,rgba(199,210,254,.2) 40%,transparent 50%),linear-gradient(90deg,transparent 60%,rgba(167,139,250,.25) 70%,transparent 80%);animation:dataFlow 15s linear infinite;filter:blur(1px)}.hero-data-flow:after{background-image:linear-gradient(90deg,transparent 15%,rgba(255,255,255,.2) 25%,transparent 35%),linear-gradient(90deg,transparent 45%,rgba(199,210,254,.15) 55%,transparent 65%),linear-gradient(90deg,transparent 75%,rgba(167,139,250,.2) 85%,transparent 95%);animation:dataFlow 20s linear infinite;animation-delay:-5s;filter:blur(2px);opacity:.06}@keyframes dataFlow{0%{transform:translate(-50%)}to{transform:translate(0)}}.hero-data-element{position:absolute;font-family:Courier New,monospace;font-size:13px;color:#ffffff2e;text-shadow:0 0 6px rgba(199,210,254,.5);pointer-events:none;white-space:nowrap;line-height:1;letter-spacing:2px;z-index:0;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.hero-data-element-1{top:3%;animation:dataElementFlow1 15s linear infinite;animation-delay:-2.3s;color:#ffffff3b}.hero-data-element-2{top:11%;animation:dataElementFlow2 20s linear infinite;animation-delay:-15s;animation-direction:reverse;font-size:11px}.hero-data-element-3{top:20%;animation:dataElementFlow3 13s linear infinite;animation-delay:-4.4s;font-size:14px;color:#ffffff21}.hero-data-element-4{top:27%;animation:dataElementFlow4 22s linear infinite;animation-delay:-17.4s;font-size:12px}.hero-data-element-5{top:36%;animation:dataElementFlow5 18s linear infinite;animation-delay:-8.5s;font-size:13px;color:#ffffff21}.hero-data-element-6{top:44%;animation:dataElementFlow1 17s linear infinite;animation-delay:-3.6s;font-size:12px;color:#ffffff3b}.hero-data-element-7{top:52%;animation:dataElementFlow3 19s linear infinite;animation-delay:-8.4s;animation-direction:reverse;font-size:11px}.hero-data-element-8{top:61%;animation:dataElementFlow5 21s linear infinite;animation-delay:-8.4s;font-size:13px}.hero-data-element-9{top:68%;animation:dataElementFlow2 23s linear infinite;animation-delay:-19.6s;font-size:12px;color:#ffffff3b}.hero-data-element-10{top:76%;animation:dataElementFlow4 26s linear infinite;animation-delay:-13.8s;font-size:12px;color:#ffffff21}.hero-data-element-11{top:83%;animation:dataElementFlow1 17s linear infinite;animation-delay:-3.1s;animation-direction:reverse;font-size:12px}.hero-data-element-12{top:90%;animation:dataElementFlow3 28s linear infinite;animation-delay:-20.2s;font-size:12px;color:#ffffff21}@keyframes dataElementFlow1{0%{transform:translate(-200px)}to{transform:translate(calc(100vw + 200px))}}@keyframes dataElementFlow2{0%{transform:translate(-250px)}to{transform:translate(calc(100vw + 250px))}}@keyframes dataElementFlow3{0%{transform:translate(-150px)}to{transform:translate(calc(100vw + 150px))}}@keyframes dataElementFlow4{0%{transform:translate(-180px)}to{transform:translate(calc(100vw + 180px))}}@keyframes dataElementFlow5{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 160px))}}@media(prefers-reduced-motion:reduce){.hero-data-element{animation-play-state:paused!important}.hero-data-flow:before,.hero-data-flow:after{animation-play-state:paused!important}}