:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#fff;background-color:#0a0a0a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:#00d4ff;text-decoration:inherit;transition:color .2s ease}a:hover{color:#00b8e6}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0f0f23,#1a1a1a,#0a0a0a);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,212,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(138,43,226,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,0,255,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}h1{font-size:2.5rem;line-height:1.2;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,212,255,.3)}h2{font-size:1.875rem;line-height:1.3;font-weight:600;color:#e0e0e0;margin-bottom:.75rem}h3{font-size:1.25rem;line-height:1.4;font-weight:600;color:#ccc;margin-bottom:.5rem}button{border-radius:12px;border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;font-family:inherit;background:linear-gradient(135deg,#00d4ff,#09c);color:#000;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #00d4ff33,0 2px 4px -1px #00d4ff1a;position:relative;overflow:hidden}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}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00d4ff4d,0 4px 6px -2px #00d4ff33;background:linear-gradient(135deg,#00e6ff,#00a3d9)}button:focus,button:focus-visible{outline:2px solid #00d4ff;outline-offset:2px}input{border-radius:12px;border:2px solid #333333;padding:.75rem 1rem;font-size:1rem;font-family:inherit;background-color:#ffffff0d;color:#fff;transition:all .2s ease;box-shadow:0 1px 3px #0000004d,0 1px 2px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff1a;background-color:#ffffff1a}input::placeholder{color:#888}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:#ffffff0d;border-radius:16px;padding:2rem;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;border:1px solid rgba(255,255,255,.1);transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;border-color:#00d4ff4d}