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}}::-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}