body[data-app='account'],body[data-app='create']{background:radial-gradient(ellipse at 12% 20%,#7560cb18,transparent 48%),#11111a;min-height:100vh}
:is([data-app='account'],[data-app='create']) main{max-width:1120px;margin:44px auto;padding:24px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px 72px;align-items:start}
.flow-brand{grid-column:1/-1;display:flex;align-items:center;gap:18px;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1.1px;color:#f4f2fa!important;margin-bottom:22px}.flow-brand span{font-size:12px;font-weight:500;letter-spacing:0;color:#aaa6bd;border-left:1px solid #ffffff25;padding-left:18px}
.flow-eyebrow,.create-intro .badge{font-size:11px;font-weight:800;letter-spacing:1.8px;color:#c4b5f8;text-transform:uppercase}
.account-intro{padding-top:38px}.account-intro h1,.create-intro h1{font-size:clamp(36px,4.5vw,58px);line-height:1.1;letter-spacing:-2.3px;margin:18px 0 22px;max-width:510px}.account-intro>p{font-size:17px;max-width:400px;line-height:1.7}
.flow-benefits{display:grid;gap:22px;margin:38px 0}.flow-benefits>div{display:flex;gap:16px;align-items:flex-start}.flow-benefits>div>span{display:grid;place-items:center;background:#b19cf315;color:#c4b5f8;border:1px solid #b19cf329;border-radius:12px;width:38px;height:38px;flex-shrink:0;font-size:12px;font-weight:800}.flow-benefits p{margin:0;font-size:14px;line-height:1.7}.flow-benefits strong{display:block;color:#e9e3f5;font-weight:700}.flow-footnote{font-size:12px!important;line-height:1.7}
.account-form-card{margin:0!important;padding:32px!important;box-shadow:0 24px 80px #0002!important}.flow-form-heading{margin-bottom:24px}.flow-form-heading h2{font-size:25px;line-height:1.2;margin:18px 0 9px;letter-spacing:-.8px}.flow-form-heading p{font-size:14px;line-height:1.6;margin:0}.flow-icon{display:grid;place-items:center;width:44px;height:44px;background:#b39af41a;color:#cdbfff;border:1px solid #b39af42a;border-radius:14px;font-size:25px}
:is([data-app='account'],[data-app='create']) label{font-size:13px;font-weight:600;color:#d4cee1;margin-top:18px}:is([data-app='account'],[data-app='create']) input{padding:13px 14px;min-height:48px;width:100%}:is([data-app='account'],[data-app='create']) input::placeholder{color:#827c93}:is([data-app='account'],[data-app='create']) #submit{width:100%;padding:15px 18px;min-height:50px;margin-top:22px;font-size:14px}
[data-app='account'] .toggle{font-size:12px;gap:9px;font-weight:500;color:#b4adc4}[data-app='account'] .toggle input{width:17px;height:17px;min-height:0;accent-color:#ac9af5;flex-shrink:0;padding:0;margin:0}[data-app='account'] #switch{font-size:13px;text-align:center;margin-top:24px}[data-app='account'] #recovery{border-top:1px solid #ffffff12;margin-top:24px;padding-top:18px;font-size:11px;line-height:1.7}[data-app='account'] #switch-mode{font-weight:700;text-underline-offset:4px}
#error:empty,#status:empty{display:none}#error{padding:12px 14px;background:#f08ba411;border:1px solid #f08ba433;border-radius:10px;font-size:13px;line-height:1.6}#status{font-size:13px;line-height:1.6}.flow-back{grid-column:1/-1;font-size:12px;margin:0}.flow-back a{text-decoration:none}.flow-divider{display:flex;align-items:center;gap:12px;margin:28px 0 6px;color:#bdb1d9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.3px}.flow-divider:after{content:'';height:1px;background:#ffffff17;flex:1}.flow-field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.flow-field-row>*{min-width:0}.demo-registration{font-size:11px;line-height:1.7;background:#b09aec0b;border:1px solid #b09aec20;border-radius:10px;padding:12px;margin-top:20px}
.create-intro{grid-column:1/-1;max-width:760px}.create-intro h1{margin-top:12px}.create-intro>p:last-child{font-size:15px;line-height:1.8;max-width:710px}.create-intro .badge{margin:0}[data-app='create'] #form-card{margin:0}[data-app='create'] .demo-summary{padding:14px 16px;border-radius:12px;border:1px solid #b29bec25;background:#b29bec0a;margin-bottom:24px}.demo-summary strong{font-size:13px;color:#d4c5fb}.demo-summary p{font-size:11px;line-height:1.8;margin:5px 0 0}
.create-preview{padding-top:12px;min-width:0}.preview-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.preview-dot{font-size:10px;color:#c7c0d5}.preview-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8a8f5;margin-right:7px}.event-preview{text-align:center;background:radial-gradient(ellipse at 50% 20%,#a07de438,transparent 65%),linear-gradient(145deg,#2a203d,#171323);border:1px solid #aa8ce240;border-radius:24px;padding:36px 20px;overflow:hidden;min-height:350px}.preview-spark{display:block;color:#d8c2ff;font-size:42px;line-height:1;margin-bottom:24px}.preview-tag{font-size:9px;letter-spacing:2px;color:#cab9e7;font-weight:700}.event-preview h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:18px auto 12px;max-width:350px;overflow-wrap:anywhere;color:#f5efff}.event-preview p{font-size:13px;color:#cabfdb;overflow-wrap:anywhere}.event-preview #preview-date{font-size:11px}.preview-photo-stack{display:flex;justify-content:center;margin:32px 0 4px}.preview-photo-stack div{width:70px;height:76px;border:5px solid #f4ebff;border-bottom:16px solid #f4ebff;background:linear-gradient(135deg,#ad8bce,#3a2651);font-size:28px;color:#f3e9ff;display:grid;place-items:center;transform:rotate(-12deg)}.preview-photo-stack div:nth-child(2){transform:translateY(-8px) rotate(5deg);background:linear-gradient(135deg,#b6a0dd,#62458e)}.preview-photo-stack div:nth-child(3){transform:rotate(14deg);background:linear-gradient(135deg,#d3a4b6,#79445e)}.preview-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.preview-details div{border-left:1px solid #ffffff16;padding-left:12px}.preview-details strong{font-size:13px;color:#e2d9f1;display:block}.preview-details span{font-size:10px;line-height:1.6;color:#a69bb8;display:block;margin-top:4px}[data-app='create'] footer,#result{grid-column:1/-1}[data-app='create'] footer{margin-top:0;font-size:12px}#result{max-width:660px;margin:0 auto!important;width:100%}#result h2{font-size:30px}
@media(max-width:800px){:is([data-app='account'],[data-app='create']) main{max-width:620px;grid-template-columns:minmax(0,1fr);gap:24px;margin:18px auto;padding:20px}.flow-brand{margin-bottom:10px;font-size:23px;gap:12px}.flow-brand span{font-size:10px;padding-left:12px}.account-intro{padding-top:10px}.account-intro h1,.create-intro h1{font-size:37px;letter-spacing:-1.5px;max-width:430px;margin:14px 0}.account-intro>p{font-size:14px;margin-bottom:0}.account-intro .flow-benefits,.account-intro .flow-footnote{display:none}.account-form-card{padding:24px!important}.flow-form-heading h2{font-size:23px}.flow-icon{width:36px;height:36px;font-size:22px}.create-preview{padding-top:6px}.flow-field-row{grid-template-columns:1fr}.preview-caption .flow-eyebrow{font-size:10px}.create-intro>p:last-child{font-size:13px;line-height:1.75}.event-preview h2{font-size:29px}.preview-details{gap:6px}.flow-back{margin-bottom:16px}}