*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1,h2,h3,p{margin:0}button,input,textarea,select{font-family:inherit}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{color:#f1f5f9;background:#1e1b4b;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:480px;padding:40px 36px;animation:.2s slide-up;position:relative;box-shadow:0 24px 60px #00000080}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close{color:#94a3b8;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:#f1f5f9;background:#ffffff26}.modal-title{letter-spacing:-.5px;margin-bottom:8px;font-size:1.6rem;font-weight:700}.modal-desc{color:#94a3b8;margin-bottom:28px;font-size:.95rem}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{color:#cbd5e1;font-size:.875rem;font-weight:500}.optional{color:#64748b;font-size:.8rem;font-weight:400}.field input,.field textarea{color:#f1f5f9;resize:vertical;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:12px 14px;font-size:.95rem;transition:border-color .2s,background .2s}.field input::placeholder,.field textarea::placeholder{color:#475569}.field input:focus,.field textarea:focus{background:#6366f114;border-color:#6366f1}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;width:100%;margin-top:4px;padding:14px;font-size:1rem;font-weight:600;transition:opacity .2s,transform .15s}.btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.form-success{text-align:center;color:#94a3b8;flex-direction:column;align-items:center;gap:16px;padding:24px 0 8px;display:flex}.success-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;display:flex}.btn-outline{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:8px;padding:10px 28px;font-size:.9rem;transition:background .15s}.btn-outline:hover{background:#ffffff14}.form-error{color:#f87171;margin-bottom:8px;font-size:.85rem}.page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#0f172a 100%);flex-direction:column;min-height:100svh;display:flex}.header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 40px;display:flex}.header-left{align-items:center;gap:12px;display:flex}.header-logo{object-fit:contain;width:auto;height:48px}.logo-mark{letter-spacing:1px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.logo-text{color:#e2e8f0;letter-spacing:.3px;font-size:16px;font-weight:600}.hero{text-align:center;flex:1;justify-content:center;align-items:center;padding:60px 24px;display:flex}.hero-content{max-width:640px}.hero-title{letter-spacing:-2px;background:linear-gradient(135deg,#e0e7ff 0%,#a5b4fc 50%,#c4b5fd 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.05}.hero-subtitle{color:#94a3b8;margin:0 0 48px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6}.btn-primary{color:#fff;letter-spacing:.4px;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50px;align-items:center;gap:8px;padding:16px 40px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 24px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6366f18c}.btn-primary:active{transform:translateY(0)}.footer{text-align:center;color:#475569;border-top:1px solid #ffffff14;padding:20px 40px;font-size:.85rem}