.welcome-modal-overlay{z-index:10000;background:#000000eb;justify-content:center;align-items:center;padding:1.5rem;animation:.4s wm-fade-in;display:flex;position:fixed;inset:0}.welcome-modal-overlay.closing{animation:.4s forwards wm-fade-out}.welcome-modal{background:#120506f2;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:100%;max-width:860px;max-height:90vh;animation:.6s cubic-bezier(.16,1,.3,1) wm-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #dc143c1a,0 24px 80px #000c,inset 0 0 40px #0006}.welcome-modal:before,.welcome-modal:after{content:"";pointer-events:none;z-index:5;opacity:.6;width:40px;height:40px;position:absolute}.welcome-modal:before{border-top:2px solid var(--accent,#dc143c);border-left:2px solid var(--accent,#dc143c);border-top-left-radius:4px;top:15px;left:15px}.welcome-modal:after{border-bottom:2px solid var(--accent,#dc143c);border-right:2px solid var(--accent,#dc143c);border-bottom-right-radius:4px;bottom:15px;right:15px}.welcome-modal.closing{animation:.4s forwards wm-slide-down}.welcome-modal-close{color:#fff9;z-index:10;cursor:pointer;background:#dc143c1a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .3s,opacity .3s,color .3s,background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:absolute;top:18px;right:18px}.welcome-modal-close:hover{color:#fff;background:var(--accent,#dc143c);border-color:var(--accent,#dc143c);transform:rotate(90deg);box-shadow:0 0 15px #dc143c66}.wm-step-container{scrollbar-width:thin;scrollbar-color:#dc143c4d transparent;flex:1;overflow-y:auto}.wm-step{animation:.5s cubic-bezier(.23,1,.32,1) wm-step-in}@keyframes wm-step-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wm-step-in-prev{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.welcome-modal-header{text-align:center;padding:3rem 2.5rem 1.5rem;position:relative}.wm-header-compact{padding:2.5rem 2.5rem 1rem}.welcome-modal-logo{width:72px;height:72px;font-family:var(--font-heading,"Cinzel", serif);color:#fff;background:linear-gradient(135deg,#dc143c,#8b0000);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:2.2rem;font-weight:700;transition:transform .3s;display:flex;transform:rotate(-3deg);box-shadow:0 8px 32px #dc143c66,inset 0 2px 4px #fff3}.welcome-modal-logo:hover{transform:rotate(0)scale(1.05)}.welcome-modal-header h2{font-family:var(--font-heading,"Cinzel", serif);color:#fff;letter-spacing:.04em;text-shadow:0 2px 10px #00000080;margin:0 0 .5rem;font-size:2rem}.welcome-modal-subtitle{color:var(--accent,#dc143c);letter-spacing:.15em;text-transform:uppercase;opacity:.9;margin:0;font-size:.95rem;font-weight:700}.welcome-modal-body{padding:.5rem 3rem 2rem}.welcome-modal-beta-notice{background:#dc143c1f;border:1px solid #dc143c59;border-radius:12px;align-items:flex-start;gap:.8rem;margin-bottom:1rem;padding:1rem 1.2rem;display:flex}.welcome-modal-beta-notice p{color:#fffc;margin:0;font-size:.9rem;line-height:1.6}.beta-badge{color:#fff;letter-spacing:1px;white-space:nowrap;background:#dc143c;border-radius:6px;flex-shrink:0;margin-top:2px;padding:3px 8px;font-size:.7rem;font-weight:700}.welcome-modal-intro{color:#ffffffd9;text-align:center;max-width:600px;margin:0 auto 1rem;font-size:1.05rem;line-height:1.8}.welcome-modal-divider{background:radial-gradient(circle,#dc143c66 0%,#0000 70%);height:1px;margin:1.5rem 0}.wm-toc{grid-template-columns:1fr;gap:.75rem;max-width:650px;margin:0 auto;display:grid}.wm-toc-item{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:1.25rem;padding:1rem 1.25rem;transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),color .3s cubic-bezier(.23,1,.32,1),background-color .3s cubic-bezier(.23,1,.32,1),border-color .3s cubic-bezier(.23,1,.32,1),box-shadow .3s cubic-bezier(.23,1,.32,1);display:flex}.wm-toc-item:hover{background:#dc143c14;border-color:#dc143c4d;transform:translate(8px);box-shadow:-4px 0 12px #dc143c1a}.wm-toc-number{color:#fff;width:36px;min-width:36px;height:36px;font-size:.9rem;font-weight:800;font-family:var(--font-heading,"Cinzel", serif);background:linear-gradient(135deg,#dc143c,#8b0000);border-radius:10px;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 10px #0000004d}.wm-toc-item strong{color:#fff;font-size:1rem;font-family:var(--font-heading,"Cinzel", serif);margin-bottom:2px;display:block}.wm-toc-item span{color:#ffffff8c;font-size:.85rem;line-height:1.5}.wm-items-list{grid-template-columns:1fr;gap:.75rem;display:grid}.wm-content-item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:transform .3s,opacity .3s,color .3s,background-color .3s,border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.wm-content-item:before{content:"";background:var(--accent,#dc143c);width:2px;height:0;transition:height .3s;position:absolute;top:0;left:0}.wm-content-item:hover{background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-2px)}.wm-content-item:hover:before{height:100%}.wm-content-item-link{cursor:pointer}.wm-item-arrow{color:#dc143c66;flex-shrink:0;align-self:center;margin-left:auto;font-size:1.2rem;transition:transform .3s,opacity .3s,color .3s,background-color .3s,border-color .3s,box-shadow .3s}.wm-content-item-link:hover .wm-item-arrow{color:var(--accent,#dc143c);transform:translate(5px)}.wm-item-icon{filter:drop-shadow(0 0 8px #dc143c33);flex-shrink:0;font-size:1.6rem}.wm-content-item strong{color:var(--accent,#dc143c);font-size:1rem;font-weight:700;font-family:var(--font-heading,"Cinzel", serif);margin-bottom:4px;display:block}.wm-content-item span{color:#ffffffb3;font-size:.9rem;line-height:1.6}.wm-xp-table{background:#0003;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:1.5rem;overflow:hidden}.wm-item-header{background:#dc143c1a;border-bottom:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.wm-item-header strong{color:#fff;font-family:var(--font-heading,"Cinzel", serif);font-size:1rem}.wm-xp-rows{background:#ffffff0d;grid-template-columns:1fr 1fr;gap:1px;display:grid}.wm-xp-row{color:#fffc;background:#12050699;padding:.75rem 1rem;font-size:.85rem;line-height:1.5;transition:background .2s}.wm-xp-row:hover{background:#dc143c1a}.wm-final-features{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;display:grid}.wm-final-card{text-align:center;background:#dc143c0f;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem 1.25rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275),color .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.wm-final-card:hover{background:#dc143c1a;border-color:#dc143c4d;transform:translateY(-5px);box-shadow:0 10px 30px #0006}.wm-final-icon{filter:drop-shadow(0 0 10px #dc143c4d);margin-bottom:.75rem;font-size:2.2rem}.wm-final-card strong{color:#fff;font-size:1rem;font-family:var(--font-heading,"Cinzel", serif);margin-bottom:.4rem;display:block}.wm-final-card span{color:#fff9;font-size:.8rem;line-height:1.6}.welcome-modal-footer{background:#0003;border-top:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:1.25rem;padding:1.5rem 3rem 2rem;display:flex;position:relative}.wm-lang-toggle{color:#ffffffb3;letter-spacing:.05em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.75rem;font-weight:700;transition:transform .2s,opacity .2s,color .2s,background-color .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;top:1.5rem;left:2rem}.wm-lang-toggle:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.wm-dots{gap:.6rem;display:flex}.wm-dot{all:unset;cursor:pointer;background:0 0;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275),color .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275);display:block;box-sizing:content-box!important;border:2.5px solid #ffffff26!important;border-radius:50%!important;width:10px!important;min-width:10px!important;height:10px!important;min-height:10px!important;margin:0!important;padding:0!important}.wm-dot:hover{border-color:#fff6;transform:scale(1.2)}.wm-dot.done{background:#dc143c33;border-color:#dc143c4d}.wm-dot.active{border-color:var(--accent,#dc143c);background:var(--accent,#dc143c);transform:scale(1.3);box-shadow:0 0 15px #dc143c99}.wm-nav-buttons{align-items:center;gap:1rem;display:flex}.wm-nav-btn{color:#ffffffb3;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:.8rem 1.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:transform .3s,opacity .3s,color .3s,background-color .3s,border-color .3s,box-shadow .3s}.wm-nav-btn:hover{color:#fff;background:#ffffff12;border-color:#fff3}.welcome-modal-btn{color:#fff;cursor:pointer;font-size:1rem;font-weight:700;font-family:var(--font-heading,"Cinzel", serif);letter-spacing:.06em;text-transform:uppercase;background:linear-gradient(135deg,#dc143c,#8b0000);border:none;border-radius:14px;padding:.85rem 3rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s cubic-bezier(.175,.885,.32,1.275),color .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s cubic-bezier(.175,.885,.32,1.275),border-color .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #dc143c4d}.welcome-modal-btn:hover{filter:brightness(1.1);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 30px #dc143c80}.welcome-modal-btn:active{transform:translateY(0)scale(1)}@keyframes wm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes wm-fade-out{0%{opacity:1}to{opacity:0}}@keyframes wm-slide-up{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wm-slide-down{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(30px)scale(.95)}}.reveal-visible{animation:.6s cubic-bezier(.23,1,.32,1) both reveal-in}@keyframes reveal-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wm-step-container::-webkit-scrollbar{width:6px}.wm-step-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.wm-step-container::-webkit-scrollbar-thumb{background:#dc143c40;border-radius:10px;transition:background .3s}.wm-step-container::-webkit-scrollbar-thumb:hover{background:#dc143c73}@media (max-width:640px){.welcome-modal{border-radius:20px;max-height:95vh}.welcome-modal:before,.welcome-modal:after{width:25px;height:25px;top:10px;left:10px}.welcome-modal:after{inset:auto 10px 10px auto}.welcome-modal-header{padding:2.5rem 1.5rem 1rem}.welcome-modal-logo{width:56px;height:56px;font-size:1.8rem}.welcome-modal-header h2{font-size:1.5rem}.welcome-modal-body{padding:.5rem 1.5rem 2rem}.wm-xp-rows,.wm-final-features{grid-template-columns:1fr}.welcome-modal-footer{padding:1rem 1.5rem 2rem}.wm-lang-toggle{margin-bottom:.5rem;position:static}.welcome-modal-btn{padding:.8rem 2rem;font-size:.9rem}}
