:root{color-scheme:dark;--bg:#231f27;--panel:#302832;--ink:#f7ece7;--muted:#beaeb1;--rose:#eaa18b;--rose-dark:#d97969;--line:#ffffff19}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 20% 34%,#67454a55,transparent 42%),radial-gradient(ellipse at 90% 82%,#5c465746,transparent 40%),var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}.signup-page{min-height:100vh;position:relative;overflow:hidden;padding:0 clamp(20px,6vw,88px) 18px}.signup-page:before,.signup-page:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.signup-page:before{width:460px;height:460px;right:-180px;top:7%;border:1px solid #eab69c12;box-shadow:0 0 100px #eab69c0b,inset 0 0 80px #eab69c08}.signup-page:after{width:320px;height:320px;left:-190px;bottom:-150px;background:#c5826c0a}.signup-header{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;position:relative;z-index:1}.brand{display:flex;align-items:center;gap:9px;color:#fff5ef;text-decoration:none;font:800 19px Manrope,sans-serif;letter-spacing:-.8px}.brand-mark{width:28px;height:28px;border-radius:9px 9px 9px 3px;background:#e77f69;color:white;display:grid;place-items:center;font:800 17px Manrope}.brand>span:last-child{color:#e99a85;margin-left:-9px}.back-link{color:#d8c7c5;text-decoration:none;font-size:10px;border:1px solid #ffffff19;padding:9px 12px;border-radius:18px;transition:.2s}.back-link:hover{background:#ffffff0b;color:#fff}.signup-layout{max-width:1040px;margin:38px auto 26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,480px);align-items:center;gap:clamp(36px,7vw,88px)}.welcome-panel{position:relative;padding:16px 0 40px;min-height:570px;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#dba18c;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:1.7px}.little-star{font-size:15px;margin-right:7px}.welcome-panel h1{font:600 clamp(46px,6vw,75px)/1.01 Manrope,sans-serif;letter-spacing:-3.6px;margin:22px 0 18px;color:#f8eee9}.welcome-panel h1 em{font:italic 500 1.06em Georgia,serif;color:#eea58d;letter-spacing:-3px}.welcome-copy{max-width:400px;color:#c7b5b6;font-size:13px;line-height:1.8;margin:0}.welcome-note{display:flex;gap:13px;align-items:center;margin-top:37px;max-width:340px;padding:14px 16px;border:1px solid #ffffff18;border-radius:12px;background:#ffffff08}.note-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#efa58e1a;color:#efa58e;font-size:18px}.welcome-note strong{display:block;font:700 10px Manrope,sans-serif;color:#f3e4df}.welcome-note small{display:block;max-width:265px;margin-top:4px;color:#c2b1b2;font-size:9px;line-height:1.5}.welcome-decoration{position:absolute;right:8%;bottom:11%;width:170px;height:170px;border-radius:50%;border:1px solid #f0b99b19;display:grid;place-items:center;box-shadow:0 0 70px #e5a1850a}.welcome-decoration:before,.welcome-decoration:after{content:"";position:absolute;border-radius:50%;border:1px solid #f0b99b12}.welcome-decoration:before{inset:18px}.welcome-decoration:after{inset:37px}.welcome-decoration span{font-size:48px;color:#f0b99b75;animation:float-flower 5s ease-in-out infinite}.welcome-decoration i,.welcome-decoration b{position:absolute;width:5px;height:5px;background:#eab296;border-radius:50%;box-shadow:0 0 14px #eab296}.welcome-decoration i{top:23px;right:38px}.welcome-decoration b{bottom:38px;left:21px;width:3px;height:3px}.philippines-tag{margin:38px 0 0;color:#bdaeb1;font-size:9px;letter-spacing:.5px}.philippines-tag span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#8bb08d;box-shadow:0 0 10px #8bb08d70}.form-card{position:relative;border:1px solid #ffffff20;border-radius:17px;padding:27px 27px 22px;background:linear-gradient(145deg,#ffffff0e,#ffffff06);box-shadow:0 25px 80px #100d1470;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.step-label{display:flex;justify-content:space-between;color:#dfa28e;font-size:8px;font-weight:700;letter-spacing:1.3px}.step-label span{color:#a9959a;font-weight:500;letter-spacing:.5px}.form-heading h2{font:700 23px Manrope,sans-serif;letter-spacing:-.8px;margin:9px 0 5px}.form-heading p{font-size:10px;color:#beafb2;margin:0 0 20px}.two-fields{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.field{min-width:0;margin-bottom:13px}.field label,.gender-field legend{display:block;margin-bottom:6px;color:#e9d9d6;font-size:9px;font-weight:600}.field label span{color:#aa989b;font-size:8px;font-weight:400}.field input,.field select{width:100%;height:38px;border:1px solid #ffffff25;border-radius:7px;padding:0 10px;outline:0;background:#1f1b24a8;color:#f4e7e2;font:10px "DM Sans",sans-serif;transition:border-color .18s,box-shadow .18s}.field input::placeholder{color:#9e9197}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23c8a89e' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.field select option,.field select optgroup{background:#2a242d;color:#f4e7e2}.field input:focus,.field select:focus{border-color:#e5a18b;box-shadow:0 0 0 3px #e5a18b20}.field input[type=date]{color-scheme:dark}.field-hint{display:block;margin-top:5px;color:#a9989c;font-size:7px}.gender-field{border:0;padding:0;margin:1px 0 14px}.gender-field legend{padding:0}.gender-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gender-choice{position:relative;display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border:1px solid #ffffff25;border-radius:7px;background:#1f1b24a8;color:#cbbdc0;font-size:10px;cursor:pointer;transition:.18s}.gender-choice:has(input:checked){border-color:#e5a18b;background:#e5a18b12;color:#fff1eb}.gender-choice input{position:absolute;opacity:0;pointer-events:none}.choice-dot{width:12px;height:12px;border:1px solid #bba5a5;border-radius:50%;display:grid;place-items:center}.gender-choice input:checked+.choice-dot{border-color:#eaa18b}.gender-choice input:checked+.choice-dot:after{content:"";width:6px;height:6px;border-radius:50%;background:#eaa18b}.gender-symbol{margin-left:auto;color:#d69b88;font-size:14px}.age-confirm{display:flex;align-items:center;gap:8px;margin:2px 0 10px;color:#c8b9bc;font-size:8px;cursor:pointer}.age-confirm input{position:absolute;opacity:0}.checkmark{width:14px;height:14px;flex:none;border:1px solid #ffffff45;border-radius:4px;background:#1f1b24}.age-confirm input:checked+.checkmark{border-color:#d98572;background:#d98572;box-shadow:inset 0 0 0 3px #2b242d}.form-error{color:#ffaaa2;background:#ff746a12;border:1px solid #ff746a30;border-radius:7px;padding:8px;margin:0 0 9px;font-size:9px}.submit-button{width:100%;height:41px;border:1px solid #f1aa94;border-radius:8px;background:linear-gradient(100deg,#e48a75,#ca6c68);color:white;font:700 10px "DM Sans",sans-serif;cursor:pointer;box-shadow:0 7px 17px #c95d5025;transition:filter .18s,transform .18s}.submit-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.submit-button span{margin-left:7px;font-size:14px;vertical-align:-1px}.terms-copy{max-width:330px;color:#a99a9e;font-size:7px;line-height:1.55;text-align:center;margin:10px auto 0}.success-state{text-align:center;padding:38px 12px 26px}.success-icon{width:44px;height:44px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#8dbc8b24;color:#a6d1a2;font-size:21px}.success-state h3{margin:16px 0 7px;font:700 19px Manrope}.success-state p{max-width:300px;margin:0 auto 18px;color:#c5b6b8;font-size:10px;line-height:1.6}.success-state a{color:#f0ad94;text-decoration:none;font-size:10px}.success-state a span{margin-left:5px}.signup-footer{max-width:1040px;margin:0 auto;border-top:1px solid #ffffff16;padding:15px 0 4px;display:flex;justify-content:space-between;gap:14px;color:#9f9297;font-size:8px}.signup-footer a{color:#bba9ab;text-decoration:none}.signup-footer a:hover{color:#f0ad94}.footer-dot{color:#df9b84;margin:0 5px}@keyframes float-flower{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:850px){.signup-page{padding:0 20px 16px}.signup-layout{grid-template-columns:minmax(0,1fr) minmax(350px,430px);gap:28px;margin-top:28px}.welcome-decoration{right:0;width:135px;height:135px}.welcome-copy{font-size:12px}}
@media(max-width:700px){.signup-header{height:64px}.signup-layout{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:25px auto 20px}.welcome-panel{min-height:0;padding:8px 0 12px}.welcome-panel h1{font-size:43px;margin:13px 0 10px;letter-spacing:-2.3px}.welcome-copy{max-width:540px;font-size:11px;line-height:1.6}.welcome-note{display:none}.welcome-decoration{width:96px;height:96px;right:14px;bottom:15px}.welcome-decoration:before{inset:12px}.welcome-decoration:after{inset:25px}.welcome-decoration span{font-size:30px}.welcome-decoration i{top:14px;right:22px}.welcome-decoration b{bottom:23px;left:12px}.philippines-tag{margin-top:14px;font-size:8px}.form-card{padding:22px 19px 18px}.form-heading h2{font-size:21px}.signup-footer{font-size:7px;flex-wrap:wrap}.signup-footer a{font-size:7px}}
@media(max-width:420px){.signup-page{padding:0 14px 14px}.back-link{font-size:8px;padding:8px 9px}.welcome-panel h1{font-size:39px}.form-card{padding:20px 14px 16px}.two-fields{grid-template-columns:1fr 1fr;gap:8px}.field label,.gender-field legend{font-size:8px}.field input,.field select{font-size:9px;padding-left:8px}.signup-footer{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.welcome-decoration span{animation:none}}