*,:before,:after{box-sizing:border-box}:root{--primary-blue:#3b82f6;--bg-dark:#0f172a}body{background-color:var(--bg-dark);color:#f8fafc;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1e293b99;border:1px solid #ffffff0d}.gradient-text{background:linear-gradient(90deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}input[type=range]{accent-color:#3b82f6;cursor:pointer}.border-glow{border:1px solid #3b82f680;box-shadow:0 0 15px #3b82f61a}.video-container{background:#000;border-radius:1.5rem;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}