.grain-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.orb-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.12;mix-blend-mode:screen;will-change:transform}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#4f6ef773,#0000 70%);top:-15%;left:-10%;animation:floatOrb1 30s ease-in-out infinite alternate}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#a855f74d,#0000 70%);bottom:-5%;right:-5%;animation:floatOrb2 25s ease-in-out infinite alternate}.orb-3{width:450px;height:450px;background:radial-gradient(circle,#4f6ef740,#0000 70%);top:40%;left:45%;animation:floatOrb3 35s ease-in-out infinite alternate}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}to{transform:translate(80px,60px) scale(1.1)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}to{transform:translate(-90px,-70px) scale(.95)}}@keyframes floatOrb3{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,80px) scale(1.15)}}.floating-element{position:absolute;pointer-events:none;opacity:.03;z-index:-1;animation:floatSlow 20s linear infinite;stroke:#fff}@keyframes floatSlow{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}to{transform:translateY(0) rotate(360deg)}}.animated-gradient-text{background:linear-gradient(135deg,#fff,#a5b4fc,#4f6ef7 70%,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 8s linear infinite}@keyframes textShine{0%{background-position:0% center}to{background-position:200% center}}.premium-button{position:relative;overflow:hidden;background:linear-gradient(135deg,#4f6ef7,#3d5ce0);background-size:200% 100%;transition:background-position .4s ease,transform .1s ease,box-shadow .3s ease!important;box-shadow:0 4px 14px #4f6ef740,inset 0 1px #ffffff40}.premium-button:hover{background-position:right center;box-shadow:0 6px 20px #4f6ef773,inset 0 1px #ffffff59;transform:translateY(-1px)}.premium-button:active{transform:translateY(1px)}.ripple{position:absolute;border-radius:50%;background:#fff6;transform:scale(0);animation:rippleEffect .6s ease-out;pointer-events:none}@keyframes rippleEffect{to{transform:scale(4);opacity:0}}.nav-link-item{position:relative;padding:4px 0}.nav-link-item:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1.5px;bottom:0;left:0;background:linear-gradient(90deg,#4f6ef7,#818cf8);transform-origin:bottom right;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.nav-link-item:hover:after{transform:scaleX(1);transform-origin:bottom left}.glass-card{background:#1212128c!important;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.05)!important;box-shadow:0 10px 30px #0000008c,inset 0 1px 1px #ffffff0d;transition:transform .3s cubic-bezier(.215,.61,.355,1),border-color .3s ease,box-shadow .3s ease!important}.glass-card:hover{transform:translateY(-4px)!important;border-color:#4f6ef747!important;box-shadow:0 16px 36px #000000a6,0 0 24px #4f6ef71f,inset 0 1px 1px #ffffff14!important}.glass-modal{background:#0d0d0dd1!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.07)!important;animation:modalBreathing 8s ease-in-out infinite}@keyframes modalBreathing{0%,to{box-shadow:0 24px 48px #000000bf,0 0 20px #4f6ef71a;border-color:#ffffff12}50%{box-shadow:0 24px 48px #000000d9,0 0 35px #4f6ef738;border-color:#4f6ef759}}.timeline-fill-bar{position:absolute;left:15px;top:0;width:2px;background:linear-gradient(180deg,#4f6ef7,#818cf8);transform-origin:top;transition:transform .1s ease-out;z-index:2}.timeline-step-active{color:#fff!important;border-color:#4f6ef7!important;box-shadow:0 0 15px #4f6ef766;background:#4f6ef71a!important;animation:pulseCircle 1.5s ease-out infinite alternate}@keyframes pulseCircle{0%{box-shadow:0 0 8px #4f6ef74d}to{box-shadow:0 0 18px #4f6ef799}}.ambient-glow-section{position:relative;background-image:radial-gradient(circle at var(--scroll-x, 50%) var(--scroll-y, 50%),rgba(20,24,45,.75) 0%,rgba(10,10,10,1) 90%),linear-gradient(180deg,#0a0a0a,#0c0c0c);background-blend-mode:multiply;transition:background-position .2s ease-out}.friction-range-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#2a2a2a;height:6px;border-radius:3px;outline:none;transition:all .3s ease}.friction-range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #4f6ef7;cursor:pointer;box-shadow:0 0 10px #4f6ef780;transition:transform .1s,background-color .2s}.friction-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);background:#4f6ef7}.friction-range-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #4f6ef7;cursor:pointer;box-shadow:0 0 10px #4f6ef780;transition:transform .1s,background-color .2s}.friction-range-slider::-moz-range-thumb:hover{transform:scale(1.15);background:#4f6ef7}.quiz-option-btn:hover{background:#4f6ef70d!important;border-color:#4f6ef74d!important;color:#fff!important;transform:translate(4px)}.quiz-option-btn:hover .arrow-indicator{opacity:1!important;transform:translate(0)!important}@keyframes flowDash{to{stroke-dashoffset:-20}}.rotate-dashed-shield{transform-origin:250px 120px;animation:rotateShield 20s linear infinite}@keyframes rotateShield{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:#4f6ef7;box-shadow:0 0 8px #4f6ef7;animation:pulseLiveDot 1.2s ease-in-out infinite alternate}@keyframes pulseLiveDot{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.2);box-shadow:0 0 12px #4f6ef7}}
