@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700;800;900&family=JetBrains+Mono:wght@400;700;800;900&display=swap";:root{--bg-main:#f8f9fa;--corporate-red:#e60033;--corporate-blue:#0a2240;--electric-white:#fff;--institutional-gray:#7a8b99;--live-green:#00a040;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--corporate-blue);-webkit-font-smoothing:antialiased;min-height:100vh}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-gradient{background:linear-gradient(90deg, var(--corporate-red) 0%, var(--corporate-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient{background:linear-gradient(90deg, var(--corporate-red) 0%, var(--corporate-blue) 100%)}.text-glow{text-shadow:0 0 25px #fff9}.text-glow-red{text-shadow:0 0 25px #e6003399}@keyframes spin-infinite{to{transform:rotate(360deg)}}.spin-infinite{transform-origin:50%;animation:6s linear infinite spin-infinite}.kanakademi-conic-ring{background:conic-gradient(from 180deg, var(--corporate-red) 0deg, var(--corporate-blue) 90deg, var(--corporate-red) 180deg, var(--corporate-blue) 270deg, var(--corporate-red) 360deg);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(#0000 65%,#000 66%);mask:radial-gradient(#0000 65%,#000 66%)}.kanakademi-conic-glow{filter:drop-shadow(0 0 10px #e6003333);background:conic-gradient(from 180deg,#e600330f 0deg,#0a22400f 90deg,#e600330f 180deg,#0a22400f 270deg,#e600330f 360deg);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask:radial-gradient(#0000 60%,#000 61%);mask:radial-gradient(#0000 60%,#000 61%)}.btn-preset{color:var(--institutional-gray);cursor:pointer;background:0 0;border:1px solid #a0aab54d;border-radius:8px;flex:1;justify-content:center;align-items:center;margin:0 8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-preset:first-child{margin-left:0}.btn-preset:last-child{margin-right:0}.btn-preset.active{color:var(--corporate-blue);background:#0a22400d padding-box padding-box;border:1px solid #0000;position:relative}.btn-preset.active:before{content:"";background:linear-gradient(90deg, var(--corporate-red) 0%, var(--corporate-blue) 100%);z-index:-1;border-radius:8px;position:absolute;inset:-1px}.btn-preset.active span{background:linear-gradient(90deg, var(--corporate-red) 0%, var(--corporate-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{background:linear-gradient(90deg, var(--corporate-red) 0%, var(--corporate-blue) 100%);color:var(--electric-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 16px;font-size:16px;font-weight:700;transition:transform .2s;display:flex}.btn-primary:active{transform:scale(.98)}.btn-outline{border:1px solid var(--institutional-gray);color:var(--corporate-blue);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 16px;font-size:16px;font-weight:700;transition:background .2s;display:flex}.btn-outline:hover{background:#a0aab51a}.btn-solid-gray{background:var(--institutional-gray);color:var(--electric-white);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:56px;padding:0 16px;font-size:16px;font-weight:700;display:flex}