*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:20px}.container{max-width:1200px;width:100%;background:#1e293b;border-radius:16px;padding:24px;box-shadow:0 8px 24px #0006;margin-top:20px}h1,h2,h3{color:#38bdf8;margin-bottom:16px;font-weight:600;text-align:center}p{color:#cbd5e1;margin-bottom:12px;line-height:1.5}.btn{display:inline-block;padding:12px 20px;margin:8px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(90deg,#06b6d4,#3b82f6);border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.card{background:#0f172a;border-radius:12px;padding:20px;margin:16px 0;text-align:center;border:1px solid #334155;transition:all .3s ease}.card:hover{border-color:#38bdf8;transform:scale(1.02)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}input,select{width:100%;padding:12px;margin:8px 0;border-radius:10px;border:1px solid #334155;background:#0f172a;color:#f1f5f9;font-size:14px}input:focus,select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 6px #38bdf899}a{color:#38bdf8;text-decoration:none;transition:.3s}a:hover{text-decoration:underline}