:root{--bg-color:#030708;--sidebar-bg:#0f171f66;--card-bg:#0a0f1466;--accent-color:#17e9e1;--accent-glow:#17e9e180;--purple-accent:#a855f7;--text-main:#fff;--text-dim:#94a3b8;--step-active-bg:#17e9e10d;--step-active-border:#17e9e133}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 10% 10%,#a855f71a 0%,#0000 40%),radial-gradient(circle at 90% 90%,#17e9e11a 0%,#0000 40%),linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:100% 100%,100% 100%,40px 40px,40px 40px;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,sans-serif;display:flex}.onboarding-wrapper{flex-direction:column;min-height:100vh;padding:.75rem 5%;display:flex}header{justify-content:center;width:100%;margin-bottom:.75rem;display:flex}.header-logo{width:auto;height:100px}.main-content{flex:1;grid-template-columns:320px 1fr;align-items:stretch;gap:1.5rem;display:grid}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:1px solid #ffffff0d;border-radius:28px;flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem;display:flex}.sidebar-title{margin-bottom:1rem;font-size:1.25rem;font-weight:700}.steps-list{flex-direction:column;display:flex;position:relative}.steps-list:before{content:"";z-index:0;background:#ffffff0d;width:2px;position:absolute;top:45px;bottom:45px;left:42px}.step-item{z-index:1;border-radius:20px;gap:1.5rem;padding:1.5rem 1rem;transition:all .3s;display:flex}.step-item.active{background:var(--step-active-bg);border:1px solid var(--step-active-border)}.step-number{width:36px;height:36px;color:var(--text-dim);background:#0b1218;border:1px solid #ffffff1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:flex}.step-item.active .step-number{border-color:var(--accent-color);color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow)}.step-item.completed .step-number{color:var(--accent-color);font-size:.8rem}.step-content h4{margin-bottom:.125rem;font-size:1rem}.step-content p{color:var(--text-dim);font-size:.8rem;line-height:1.4}.display-card{background:var(--card-bg);-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);text-align:center;border:1px solid #ffffff08;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 2rem;display:flex;position:relative;box-shadow:0 60px 120px #0009}.hero-text{margin-bottom:2rem}.welcome-text{color:#ebecf0;margin-bottom:.25rem;font-size:2rem;font-weight:800;display:block}.main-logo-text{background:linear-gradient(90deg,#a855f7,#fff,#17e9e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;line-height:1}.subtitle{color:var(--text-dim);margin-bottom:2rem;font-size:1.1rem}.action-container{align-items:center;gap:1.5rem;display:flex}.btn-authorize{background:var(--accent-color);color:#030708;cursor:pointer;box-shadow:0 0 30px var(--accent-glow);border:none;border-radius:18px;padding:1.5rem 3.5rem;font-size:1.125rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-authorize:hover{box-shadow:0 0 60px var(--accent-color);transform:translateY(-4px)scale(1.02)}.ms-icon-box{background:#0b1218;border:1px solid #ffffff0d;border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.ms-icon-box img{width:44px;height:44px}.guide-section{text-align:left;border-top:1px solid #ffffff0d;width:100%;margin-top:1rem;padding-top:1rem}.guide-section h3{color:var(--accent-color);margin-bottom:2rem;font-size:1.5rem}.guide-list{grid-template-columns:1fr;gap:1rem;display:grid}.guide-item{align-items:flex-start;gap:1.5rem;display:flex}.guide-number{border:1px solid var(--accent-color);width:28px;height:28px;color:var(--accent-color);background:#17e9e11a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:800;display:flex}.guide-text{color:var(--text-dim);font-size:1rem;line-height:1.6}.guide-text b{color:var(--text-main)}footer{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:auto;padding:1rem 0;display:flex}.copyright{color:#475569}.footer-links{gap:3rem;display:flex}.footer-links a{color:#475569;font-weight:500;text-decoration:none}.footer-links a:hover{color:var(--accent-color)}@media (width<=1200px){.onboarding-wrapper{padding:2rem 5%}.main-content{grid-template-columns:1fr}}.onboarding-wrapper{flex-direction:column;gap:1.5rem;display:flex}