:root{--hctp-indigo-deep: #0e1222;--hctp-indigo: #1a1f3b;--hctp-indigo-light: #232a4e;--hctp-orange: #ff6700;--hctp-text-white-soft: rgba(255, 255, 255, .85);--hctp-text-white-muted: rgba(255, 255, 255, .6);--hctp-error-soft: #fbdada;--hctp-radius-sm: 8px;--hctp-radius-md: 12px;--hctp-transition: all .3s cubic-bezier(.4, 0, .2, 1);--hctp-transition-fast: all .15s ease-out}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--hctp-indigo-deep) 0%,var(--hctp-indigo) 60%,var(--hctp-indigo-light) 100%);background-attachment:fixed;padding:calc(env(safe-area-inset-top,0px) + 24px) max(16px,env(safe-area-inset-right)) calc(env(safe-area-inset-bottom,0px) + 24px) max(16px,env(safe-area-inset-left));position:relative;overflow-x:hidden;-webkit-tap-highlight-color:transparent}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:hctp-orb-float 22s ease-in-out infinite}.bg-orb--orange{width:300px;height:300px;background:var(--hctp-orange);opacity:.08;top:-100px;right:-80px}.bg-orb--indigo{width:280px;height:280px;background:var(--hctp-indigo-light);opacity:.2;bottom:-60px;left:-60px;animation-delay:-8s}@keyframes hctp-orb-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.06)}}.container{position:relative;z-index:1;width:100%;max-width:540px;display:flex;flex-direction:column;align-items:center;text-align:center}.logo{width:180px;height:auto;margin-bottom:36px;animation:hctp-fade-in-up .7s ease-out both}.heading{color:#fff;font-size:clamp(1.6rem,6vw,2rem);font-weight:800;line-height:1.2;margin-bottom:12px;letter-spacing:-.02em;animation:hctp-fade-in-up .7s ease-out .1s both}.heading span{color:var(--hctp-orange)}.subtitle{color:var(--hctp-text-white-soft);font-size:15px;line-height:1.65;font-weight:400;margin-bottom:32px;animation:hctp-fade-in-up .7s ease-out .2s both}.form-card{width:100%;background:#ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:var(--hctp-radius-md);padding:28px 24px;animation:hctp-fade-in-up .7s ease-out .3s both}.input-group{position:relative;margin-bottom:14px}.input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--hctp-text-white-muted);pointer-events:none;width:18px;height:18px}.form-input{width:100%;padding:14px 16px 14px 44px;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:var(--hctp-radius-sm);color:#fff;font-size:15px;font-family:inherit;font-weight:500;transition:var(--hctp-transition-fast)}.form-input::-moz-placeholder{color:var(--hctp-text-white-muted);font-weight:400}.form-input::placeholder{color:var(--hctp-text-white-muted);font-weight:400}.form-input:focus{outline:none;border-color:#ffffff59;background:#ffffff1f;box-shadow:0 0 0 3px #ffffff14}.ohnohoney{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}.btn-submit{width:100%;padding:14px 24px;background:var(--hctp-orange);color:#fff;font-size:15px;font-weight:700;font-family:inherit;border:none;border-radius:var(--hctp-radius-sm);cursor:pointer;transition:var(--hctp-transition);position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.5s}.btn-submit:hover:not(:disabled):before{left:100%}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #f271214d}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-submit:disabled:before{display:none}.spinner{display:none;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hctp-spin .6s linear infinite;vertical-align:middle}@keyframes hctp-spin{to{transform:rotate(360deg)}}.error-msg{display:none;margin-top:12px;padding:10px 14px;background:#c747441f;border:1px solid rgba(199,71,68,.25);border-radius:6px;color:var(--hctp-error-soft);font-size:13px;font-weight:500;text-align:left}.success-card{display:none;width:100%;text-align:center;animation:hctp-fade-in-up .5s ease-out both}.success-icon{width:56px;height:56px;margin:0 auto 20px;background:var(--hctp-orange);border-radius:14px;display:flex;align-items:center;justify-content:center;animation:hctp-scale-in .4s cubic-bezier(.34,1.56,.64,1) .1s both;box-shadow:0 4px 20px #f271214d}.success-icon svg{width:26px;height:26px;color:#fff}.success-title{color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}.success-text{color:var(--hctp-text-white-soft);font-size:14px;line-height:1.6}@keyframes hctp-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes hctp-fade-in-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 380px){.form-card{padding:24px 18px}.logo{width:140px;margin-bottom:28px}.heading{margin-bottom:10px}.subtitle{font-size:14px;margin-bottom:24px}.form-input{padding:13px 14px 13px 40px}.btn-submit{padding:13px 20px}}@media (max-width: 640px){.form-input{font-size:16px}}@media (max-height: 500px) and (orientation: landscape){body{justify-content:flex-start;padding-top:16px}.logo{width:120px;margin-bottom:16px}.heading{font-size:1.4rem;margin-bottom:8px}.subtitle{font-size:13px;margin-bottom:16px}.form-card{padding:20px 18px}}@media (min-width: 640px){.container{max-width:580px}.form-card{padding:32px 28px}}@media (prefers-reduced-motion: reduce){.bg-orb,.logo,.heading,.subtitle,.form-card,.success-card,.success-icon{animation:none}.btn-submit,.form-input{transition:none}}