:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}.demographic-page{min-height:100vh;background:linear-gradient(180deg,#fdf2f8,#fce7f3,#fbcfe8);position:relative;overflow-x:hidden;padding-bottom:40px}.container{max-width:720px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.topbar{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(233,32,99,.1)}.topbar .container{display:flex;align-items:center;justify-content:space-between;height:64px}.topbar .brand{display:flex;align-items:center;gap:12px}.topbar .brand .brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e91e63,#ff4081);box-shadow:0 4px 12px rgba(233,32,99,.3);color:#fff}.topbar .brand .brand-text h1{margin:0;font-size:16px;color:#e91e63;font-weight:800}.topbar .brand .brand-text p{margin:0;font-size:12px;color:#9ca3af}.topbar .nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;font-size:14px;font-weight:500;background:rgba(233,32,99,.08);color:#e91e63;text-decoration:none;transition:all .2s}.topbar .nav-btn:hover{background:rgba(233,32,99,.15)}.page-header{text-align:center;padding:0 0 32px}.page-header .header-icon{margin-bottom:20px}.page-header .header-icon .icon-bg{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#e91e63;box-shadow:0 8px 24px rgba(233,32,99,.15)}.page-header .page-title{font-size:26px;font-weight:700;line-height:1.3;color:#1f2937;margin:0 0 12px}.page-header .page-description{font-size:15px;line-height:1.6;color:#6b7280;margin:0}.form-card{background:rgba(255,255,255,.95);border-radius:24px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.08);backdrop-filter:blur(10px);margin-bottom:24px}@media (max-width: 768px){.form-card{padding:24px 16px;border-radius:20px}}.form-item{margin-bottom:28px}.form-item:last-child{margin-bottom:0}.form-label{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.form-label .label-icon-wrapper{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-label .label-icon-wrapper .label-icon{font-size:20px}.form-label .label-content{flex:1}.form-label .label-content .label-text{display:block;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:2px}.form-label .label-content .label-hint{font-size:13px;color:#9ca3af}.form-label .required-badge{padding:4px 10px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;font-size:11px;font-weight:600;border-radius:100px}.form-label .optional-badge{padding:4px 10px;background:#f3f4f6;color:#6b7280;font-size:11px;font-weight:600;border-radius:100px}.option-grid{display:grid;gap:10px}.option-grid.cols-3{grid-template-columns:repeat(3,1fr)}.option-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 640px){.option-grid.cols-3,.option-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.option-grid.cols-3,.option-grid.cols-4{grid-template-columns:1fr}}.option-card{position:relative;cursor:pointer}.option-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.option-card .option-content{display:flex;align-items:center;justify-content:center;padding:14px 12px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;transition:all .2s;min-height:48px}.option-card .option-content .option-text{font-size:14px;font-weight:500;color:#374151;text-align:center}.option-card .option-content .check-icon{display:none;margin-left:6px;color:#e91e63;font-weight:700}.option-card:hover .option-content{border-color:#f9a8d4;background:#fdf2f8}.option-card input:checked+.option-content{border-color:#e91e63;background:linear-gradient(135deg,#fdf2f8,#fce7f3);box-shadow:0 4px 12px rgba(233,32,99,.15)}.option-card input:checked+.option-content .option-text{color:#e91e63;font-weight:600}.option-card input:checked+.option-content .check-icon{display:inline}.select-wrapper{position:relative}.select-wrapper .custom-select{width:100%;height:52px;padding:0 48px 0 16px;border:2px solid #e5e7eb;border-radius:14px;font-size:15px;font-weight:500;color:#374151;background:#fff;cursor:pointer;transition:all .2s;-webkit-appearance:none;appearance:none}.select-wrapper .custom-select:hover{border-color:#f9a8d4}.select-wrapper .custom-select:focus{outline:none;border-color:#e91e63;box-shadow:0 0 0 3px rgba(233,32,99,.1)}.select-wrapper .select-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#e91e63;pointer-events:none}.bottom-section{display:flex;flex-direction:column;align-items:center;gap:20px}.privacy-notice{display:flex;align-items:center;gap:10px;padding:12px 20px;background:rgba(255,255,255,.8);border-radius:100px}.privacy-notice .privacy-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#10b981;display:flex;align-items:center;justify-content:center}.privacy-notice p{font-size:13px;color:#6b7280;margin:0}.btn-submit{display:flex;align-items:center;justify-content:center;width:100%;max-width:320px;height:56px;border-radius:16px;background:linear-gradient(135deg,#e91e63,#ec4899);border:none;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 8px 24px rgba(233,32,99,.35)}.btn-submit .btn-content{display:flex;align-items:center;gap:8px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(233,32,99,.45)}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.form-status{text-align:center}.form-status .status-text{font-size:13px;color:#9ca3af;margin-bottom:8px;display:block}.form-status .status-bar{width:200px;height:4px;background:rgba(233,32,99,.15);border-radius:2px;overflow:hidden}.form-status .status-bar .status-fill{height:100%;background:linear-gradient(90deg,#e91e63,#ec4899);border-radius:2px;transition:width .3s ease}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg .blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:float-86dbef70 20s ease-in-out infinite}.bg .b1{width:400px;height:400px;background:linear-gradient(135deg,#fda4af,#fb7185);top:-100px;right:-100px}.bg .b2{width:350px;height:350px;background:linear-gradient(135deg,#f9a8d4,#f472b6);bottom:-100px;left:-100px;animation-delay:-7s}.bg .b3{width:250px;height:250px;background:linear-gradient(135deg,#fecdd3,#fda4af);top:40%;left:50%;animation-delay:-14s}@keyframes float-86dbef70{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.05)}}@media (max-width: 768px){.page-header .header-icon .icon-bg{width:60px;height:60px;border-radius:16px}.page-header .page-title{font-size:22px}.form-label{flex-wrap:wrap}.form-label .label-icon-wrapper{width:36px;height:36px;border-radius:10px}.form-label .required-badge,.form-label .optional-badge{margin-left:auto}}