*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Roboto,sans-serif;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e,#0f3460,#0a0a0a);color:#e8e8e8;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#00d4ff,#09c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#09c,#06c)}a{text-decoration:none;color:inherit}#root{width:100%;min-height:100vh}section{position:relative;overflow:hidden}section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.03) 0%,transparent 70%);pointer-events:none}.glass-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 30px #00d4ff99}}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#b3d9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.enhanced-button{position:relative;background:linear-gradient(135deg,#00d4ff,#09c);border:none;border-radius:12px;padding:12px 24px;color:#fff;font-weight:600;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.enhanced-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.enhanced-button:hover:before{left:100%}.enhanced-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00d4ff66}.hover-card{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.hover-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006}@media (max-width: 768px){body{font-size:14px}.hover-card:hover{transform:translateY(-4px) scale(1.01)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s infinite}.container{max-width:1200px;margin:0 auto}h1,h2,h3,h4,h5{font-family:Roboto,sans-serif}.card{background-color:#1f1f4d;color:#fff;margin:10px 0;padding:20px;border-radius:8px}.card-content{font-size:18px;color:#ccc}.card:hover{transform:rotateY(180deg);transition:transform .5s}