:root{--cyan:#00cfff;--bg:#050a14;--deep-blue:#1a2238;--bg-card:#1a223866;--border:#00cfff14;--border-hover:#00cfff33;--text:#a0a9bb;--text-dim:#5c6478;--white:#fff;--cyan-glow:#00cfff26;--purple:#7b61ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;padding:40px 0;font-family:Inter,sans-serif;display:flex}.demo-card{background:linear-gradient(165deg,#0f1a30 0%,#1a2238 40%,#0d1525 100%);border:1px solid #00cfff1f;border-radius:20px;width:92%;max-width:540px;padding:52px 48px 44px;position:relative;box-shadow:0 0 0 1px #00cfff0f,0 32px 100px #0009,0 0 80px #00cfff0f}.demo-card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), var(--purple), var(--cyan), transparent);border-radius:20px 20px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.demo-logo{height:96px;margin-bottom:6px;display:block}.demo-tagline{letter-spacing:3px;text-transform:uppercase;color:var(--cyan);opacity:.8;margin-bottom:32px;font-size:11px;font-weight:700}.demo-card h2{background:linear-gradient(135deg, var(--white) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:28px;font-weight:800;line-height:1.25}.demo-sub{color:var(--text);margin:0 0 36px;font-size:16px;line-height:1.6}.demo-row{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.demo-field{margin-bottom:26px}.demo-field label{color:var(--cyan);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px;font-size:14px;font-weight:600;display:block}.demo-field input,.demo-field textarea{width:100%;color:var(--white);resize:none;background:#00cfff08;border:none;border-bottom:2px solid #00cfff1a;outline:none;padding:10px 0;font-family:Inter,sans-serif;font-size:16px;transition:border-color .3s,background .3s}.demo-field input:focus,.demo-field textarea:focus{border-bottom-color:var(--cyan);background:#00cfff0d}.demo-field input::placeholder,.demo-field textarea::placeholder{color:var(--text-dim);font-size:15px}.demo-field textarea{min-height:64px}.demo-field .optional-tag{color:var(--text-dim);text-transform:none;font-size:11px;font-weight:400}.demo-submit{cursor:pointer;color:var(--bg);background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:12px;padding:16px 38px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.demo-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.demo-submit:hover{transform:scale(1.03);box-shadow:0 6px 30px #00cfff59,0 4px 20px #7b61ff33}.demo-submit:hover:before{left:100%}.demo-submit:disabled{opacity:.6;cursor:wait;transform:none}.demo-submit svg{width:20px;height:20px}.demo-sent{text-align:center;padding:48px 0;display:none}.demo-sent .demo-check{background:linear-gradient(135deg, var(--cyan), var(--purple));border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.demo-sent .demo-check svg{width:32px;height:32px;stroke:var(--bg);stroke-width:2.5px}.demo-sent h3{background:linear-gradient(135deg, var(--white), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:26px;font-weight:800}.demo-sent p{color:var(--text);font-size:16px;line-height:1.6}.back-link{text-align:center;color:var(--text-dim);margin-top:24px;font-size:13px;text-decoration:none;display:block}.back-link:hover{color:var(--cyan)}.login-link{color:var(--cyan);font-weight:600;text-decoration:none}.login-link:hover{text-decoration:underline}@media (max-width:600px){.demo-card{padding:36px 24px 32px}.demo-row{grid-template-columns:1fr}}