html{height:100%}body{position:relative;height:100%;color:#e2e8f0;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e 50%,#0f3460);font-size:16px;line-height:1.6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;font-optical-sizing:auto;font-style:normal}.wrap{width:100%;max-width:600px;margin:auto}.btn-wrap{display:flex;justify-content:center;gap:20px;margin-top:50px}.btn{display:inline-block;width:auto;min-width:180px;font-size:18px;line-height:1.4;text-align:center;padding:18px 32px;background:linear-gradient(135deg,#e91e63,#9c27b0);border-radius:50px;border:none;color:#fff;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;cursor:pointer;box-shadow:0 8px 25px #e91e6366;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn--primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 8px 25px #3b82f666}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #3b82f699;background:linear-gradient(135deg,#2563eb,#7c3aed)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #e91e6399}.layout{height:100%;display:flex}.main{margin-top:20px;margin-bottom:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.card{background:#1e293bbf;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(148,163,184,.15);border-radius:20px;padding:48px 40px;box-shadow:0 16px 32px #00000040,inset 0 1px #ffffff1a;max-width:500px;margin:0 auto;position:relative}.card__title{color:#f1f5f9;text-align:center;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}ul{list-style-type:disc;list-style-position:inside;padding-left:10px;font-size:16px}ul li{margin:10px;line-height:1.5}.step-2 .btn-wrap{margin-top:25px}.step-2 .btn{min-width:200px}@media (max-width: 768px){.main{margin-top:auto;padding:20px 15px}.card{padding:36px 24px;border-radius:18px;max-width:420px}.card__title{font-size:24px;margin-bottom:20px}.btn{min-width:160px;padding:16px 24px;font-size:16px}}@media (max-width: 480px){.card{padding:32px 20px;border-radius:16px;max-width:360px}.card__title{font-size:22px;margin-bottom:16px}}.step{position:absolute;opacity:0;transition:all .4s ease-in}.step.step-active{position:relative;display:block;opacity:1}.step.step-shown{opacity:0}.back{position:absolute;left:20px;top:10px;border:1px solid rgba(59,130,246,.3);background:#1e293be6;color:#f1f5f9;border-radius:12px;cursor:pointer;font-size:26px;padding:7px 15px;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease-in-out 0s}.back:hover{background:#3b82f633;color:#3b82f6;border-color:#3b82f6;transform:translateY(-1px)}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto;user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::-webkit-input-placeholder{color:unset}::-moz-placeholder{color:unset}:-ms-input-placeholder{color:unset}::-ms-input-placeholder{color:unset}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;line-break:after-white-space;-webkit-user-select:auto;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}