:root{--bg0: rgba(6, 30, 32, 1);--bg1: rgba(7, 18, 28, 1);--bg2: rgba(4, 12, 18, 1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .75);--muted2: rgba(255, 255, 255, .6);--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .14);--card: rgba(10, 35, 40, .35);--card2: rgba(10, 35, 40, .45);--glow-green: rgba(12, 120, 95, .35);--glow-blue: rgba(10, 90, 140, .3);--accent: rgba(38, 255, 173, .95);--accent2: rgba(12, 210, 140, .95);--accentText: rgba(4, 12, 18, .95);--shadow: 0 18px 50px rgba(0, 0, 0, .35);--shadow2: 0 18px 70px rgba(0, 0, 0, .42);--radius: 18px;--radiusSm: 14px;--container: 1100px;--danger: #ff4d4f;--dangerText: #ffb1b1;--successText: #b8ffb8}html,body{height:100%}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:radial-gradient(900px 500px at 15% 10%,var(--glow-green),transparent 60%),radial-gradient(900px 600px at 85% 20%,var(--glow-blue),transparent 60%),linear-gradient(135deg,var(--bg0) 0%,var(--bg1) 55%,var(--bg2) 100%)}*{box-sizing:border-box}a{color:inherit;text-decoration:none}::selection{background:#26ffad40}:focus-visible{outline:2px solid rgba(38,255,173,.75);outline-offset:3px}.app-shell{min-height:100vh;padding:32px 20px 60px}.container{max-width:var(--container);margin:0 auto}.section{margin-top:18px}.card{border-radius:var(--radius);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:hover{background:var(--card2);border-color:var(--border2);box-shadow:var(--shadow2);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);cursor:pointer;font-weight:650;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #00000038}.btn-primary{background:linear-gradient(135deg,#26ffadf2,#0cd28ce6,#08aa96e6);color:var(--accentText)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius);background:#0a232842;border:1px solid var(--border);box-shadow:0 10px 30px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link{padding:10px 12px;border-radius:12px;color:#ffffffdb}.nav-link:hover{background:#ffffff0f;transform:translateY(-1px)}.footer{max-width:var(--container);margin:28px auto 0;font-size:13px;color:var(--muted2)}.hg-text-depth{text-shadow:0 1px 0 rgba(0,0,0,.22),0 10px 22px rgba(0,0,0,.28)}.form-wrapper{max-width:720px;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column}.form-label{font-size:.95rem;margin-bottom:6px;opacity:.9}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:#fff;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#26ffadb3;box-shadow:0 0 0 3px #26ffad2e}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ff4d4f;box-shadow:none}.form-error{color:#ffb1b1;font-size:.9rem;margin-top:6px}.form-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.form-button{padding:10px 18px;border-radius:999px;border:1px solid rgba(38,255,173,.35);cursor:pointer;font-weight:650;background:linear-gradient(135deg,#26ffadf2,#0cd28ce6 60%,#08aa96e6);color:#040c12f2;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.form-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px #00000038;filter:brightness(1.03)}.form-button:active{transform:translateY(0);box-shadow:0 6px 18px #0000002e;filter:brightness(.99)}.form-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.form-status{margin-top:12px;font-size:.95rem}.form-status.error{color:#ffb1b1}.form-status.success{color:#b8ffb8}.form-success-box{margin-top:24px;padding:16px;border-radius:12px;background:#26ffad24;border:1px solid rgba(38,255,173,.3)}select{background-color:#ffffff0f;color:#eaf6f2}select option{background-color:#0e2a2a;color:#eaf6f2}
