:root{--blue-900:#0f172a;--blue-800:#1e293b;--blue-700:#334155;--blue-600:#06c;--blue-500:#0ea5e9;--blue-400:#38bdf8;--blue-100:#e0f2fe;--blue-50:#f0f9ff;--emerald-400:#34d399;--auth-bg:#ffffffd9;--auth-line:#00000014;--promo-bg:#f8fafc;--text-navy:#0f172a;--text-mut-navy:#475569;--text-mut-auth:#94a3b8}@media (min-width:769px){html{font-size:clamp(16px,14px + .28vw,19px)}}.page-login{width:100vw;min-height:100vh;color:var(--text-navy);background:#f1f5f9;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow:hidden}.page-login:before,.page-login:after{content:"";filter:blur(100px);z-index:0;opacity:.7;pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite alternate blob-float;position:fixed}.page-login:before{background:#bae6fd;width:50vw;height:50vw;top:-15vw;left:-15vw}.page-login:after{background:#e0e7ff;width:40vw;height:40vw;animation-delay:-6s;bottom:-10vw;right:-5vw}@keyframes blob-float{0%{transform:translate(0)scale(1)}to{transform:translate(8%,12%)scale(1.15)}}.split-layout{z-index:1;background-image:linear-gradient(#0f172a05 1px,#0000 1px),linear-gradient(90deg,#0f172a05 1px,#0000 1px);background-size:32px 32px;width:100vw;max-width:1600px;height:100vh;margin:0 auto;display:flex;position:relative}.promo-side{color:var(--text-navy);background:0 0;flex-direction:column;flex:1.25;height:100vh;display:flex;position:relative;overflow:hidden}.promo-content{z-index:2;flex-shrink:0;max-width:900px;padding:clamp(1.5rem,3vh,2.5rem) clamp(2rem,4vw,4rem) 0;position:relative}.logo{align-items:center;margin-bottom:clamp(.75rem,2vh,1.5rem);display:inline-flex}.logo img{object-fit:contain;height:clamp(36px,4.5vh,54px)}.promo-title{letter-spacing:-.03em;background:linear-gradient(135deg,var(--blue-900)0%,var(--blue-600)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(.5rem,1.4vh,1rem);font-family:Inter,sans-serif;font-size:clamp(1.6rem,3.4vh,2.8rem);font-weight:900;line-height:1.15}.promo-text{color:var(--text-mut-navy);margin-bottom:clamp(.4rem,1vh,.8rem);font-size:clamp(.9rem,1.6vh,1.1rem);font-weight:500;line-height:1.55}.promo-text strong{color:var(--blue-900);z-index:1;padding:0 4px;font-weight:800;display:inline-block;position:relative}.promo-text strong:after{content:"";background:linear-gradient(110deg,var(--blue-400),var(--emerald-400));opacity:.35;z-index:-1;border-radius:4px;height:10px;transition:opacity .3s;position:absolute;bottom:2px;left:0;right:0;transform:rotate(-1.5deg)}.promo-text strong:hover:after{opacity:.5}.interactive-hint{color:var(--blue-600);align-items:center;gap:.5rem;margin:clamp(.6rem,1.6vh,1rem) 0 clamp(.4rem,1vh,.6rem);font-size:.88rem;font-weight:700;display:inline-flex}.interactive-hint svg{width:18px;height:18px;animation:2s infinite point-down}@keyframes point-down{0%,to{opacity:.7;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(3px)scale(1.1)}}.feature-tags{flex-wrap:wrap;gap:.7rem;margin-bottom:clamp(.6rem,1.6vh,1.2rem);display:flex}.feature-tag{-webkit-backdrop-filter:blur(12px);color:var(--blue-600);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff9;border:1px solid #fffc;border-radius:99px;align-items:center;gap:.5rem;padding:.55rem 1.3rem;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0f172a0a}.feature-tag:before{content:"";background:var(--blue-500);width:8px;height:8px;box-shadow:0 0 8px var(--blue-400);border-radius:50%;transition:all .3s}.feature-tag:hover{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border-color:#0000;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 24px #0ea5e94d}.feature-tag:hover:before{background:#fff;box-shadow:0 0 10px #fffc}.promo-cta-wrap{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:clamp(.5rem,1.4vh,1rem);display:flex}.promo-cta{color:var(--blue-800);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:12px;align-items:center;padding:.75rem 1.3rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00000008}.promo-cta:hover{color:var(--blue-600);background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #0ea5e926}.preview-container{z-index:2;flex:auto;justify-content:flex-start;align-items:center;min-height:0;padding:clamp(.5rem,1.5vh,1rem) clamp(2rem,4vw,4rem) clamp(1.5rem,3vh,3rem);display:flex;position:relative;overflow:hidden}@keyframes levitate{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.preview-wrapper{border-radius:20px;justify-content:center;align-items:center;width:100%;max-width:660px;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);animation:7s ease-in-out infinite levitate;display:flex;position:relative}.preview-wrapper:after{content:"";pointer-events:none;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 1px 1px #fffc}.preview-wrapper:hover{animation-play-state:paused;transform:scale(1.03)translateY(-5px)}.preview-wrapper img{object-fit:contain;border-radius:20px;width:auto;max-width:100%;height:100%;max-height:100%;transition:box-shadow .4s;display:block;box-shadow:0 24px 48px -12px #0f172a40}.preview-wrapper:hover img{box-shadow:0 32px 64px -12px #0f172a59}.auth-side{background:var(--auth-bg);-webkit-backdrop-filter:blur(32px);z-index:10;border-left:1px solid #fff9;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative;overflow-y:auto;box-shadow:-20px 0 40px #00000008}.auth-container{width:100%;max-width:380px}.auth-tabs{border-bottom:1px solid var(--auth-line);gap:2.5rem;margin-bottom:2.5rem;display:flex}.auth-tab{color:var(--text-mut-auth);cursor:pointer;padding-bottom:1rem;font-size:1.25rem;font-weight:700;text-decoration:none;transition:color .3s;position:relative}.auth-tab:hover,.auth-tab.active{color:var(--text-navy)}.auth-tab.active:after{content:"";background:var(--blue-600);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-2px;left:0}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-mut-navy);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:block}.form-input{width:100%;color:var(--text-navy);box-sizing:border-box;background:#ffffffe6;border:1px solid #0000001a;border-radius:12px;padding:1rem 1.2rem;font-family:inherit;font-size:1rem;font-weight:500;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.form-input::placeholder{color:#cbd5e1;font-weight:400}.form-input:focus{border-color:var(--blue-500);background:#fff;outline:none;box-shadow:inset 0 2px 4px #00000003,0 0 0 4px #0ea5e926}.btn-submit{background:linear-gradient(180deg,var(--blue-800)0%,var(--blue-900)100%);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;width:100%;margin-top:.5rem;padding:1.15rem;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #fff3,0 8px 20px #0f172a40}.btn-submit:hover{background:linear-gradient(180deg,var(--blue-700)0%,var(--blue-800)100%);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff40,0 12px 28px #0f172a52}.btn-submit:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #00000040}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-demo{-webkit-backdrop-filter:blur(10px);width:100%;color:var(--blue-900);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff80;border:1px solid #0000000d;border-radius:12px;margin-top:12px;padding:1rem;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;box-shadow:0 2px 8px #0f172a0a}.btn-demo:hover{background:#ffffffe6;border-color:#00000014;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a14}.btn-demo:active{transform:translateY(0);box-shadow:inset 0 1px 3px #0000000f}.auth-footer{text-align:center;margin-top:2rem}.auth-link{color:var(--blue-600);font-size:.9rem;font-weight:600;text-decoration:none}.auth-link:hover{color:var(--blue-800);text-decoration:underline}.aux-actions{justify-content:center;gap:10px;margin-top:24px;display:flex}.aux-btn{color:var(--text-mut-navy);text-align:center;cursor:pointer;background:#ffffff80;border:1px solid #0000000d;border-radius:10px;flex:1;padding:.7rem .5rem;font-family:inherit;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #00000005}.aux-btn:hover{color:var(--blue-700);background:#fff;border-color:#0000001a;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.btn-secondary-action{border:1px solid var(--blue-100);color:var(--blue-600);cursor:pointer;background:#fff;border-radius:10px;padding:10px 16px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #0ea5e90d}.btn-secondary-action:hover{border-color:var(--blue-400);transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e926}.error,.success,.warning{border:1px solid #0000;border-radius:12px;padding:14px 16px;font-size:.9rem;font-weight:600;line-height:1.5;box-shadow:0 4px 12px #0000000d}.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;opacity:0;pointer-events:none;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fffc;border-radius:24px;width:100%;max-width:620px;padding:2.5rem;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;transform:translateY(20px)scale(.95);box-shadow:0 24px 60px #0f172a33}.modal-overlay.active .modal-content{transform:translateY(0)scale(1)}.modal-close{cursor:pointer;background:var(--blue-50);width:40px;height:40px;color:var(--blue-600);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--blue-900);background:#e2e8f0;transform:rotate(90deg)}.modal-close svg{width:18px;height:18px}.modal-title{color:var(--text-navy);letter-spacing:-.02em;margin-bottom:1.5rem;padding-right:2.5rem;font-size:1.5rem;font-weight:800}.help-modal{z-index:1000;-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;animation:.25s help-modal-fade;position:fixed;inset:0}@keyframes help-modal-fade{0%{opacity:0}to{opacity:1}}.help-modal-content{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#fffffff7;border:1px solid #fffc;border-radius:24px;width:100%;max-width:560px;max-height:85vh;padding:2rem 2.25rem 2.25rem;animation:.3s cubic-bezier(.16,1,.3,1) help-modal-pop;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0f172a40}@keyframes help-modal-pop{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.help-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.help-modal-header h3{color:var(--text-navy);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:800}.help-close{cursor:pointer;background:var(--blue-50);width:36px;min-width:36px;height:36px;color:var(--blue-600);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:1;transition:all .2s;display:flex}.help-close:hover{color:var(--blue-900);background:#e2e8f0;transform:rotate(90deg)}.help-modal-tabs{border-bottom:1px solid var(--auth-line);gap:.5rem;margin-bottom:1.5rem;display:flex}.help-tab{appearance:none;cursor:pointer;color:var(--text-mut-auth);background:0 0;border:none;margin-right:1.5rem;padding:0 .25rem .85rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:color .2s;position:relative}.help-tab:hover,.help-tab.active{color:var(--text-navy)}.help-tab.active:after{content:"";background:var(--blue-600);border-radius:3px 3px 0 0;width:100%;height:3px;position:absolute;bottom:-1px;left:0}.help-tab-content{display:none}.help-tab-content.active{animation:.25s help-tab-fade;display:block}@keyframes help-tab-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.help-html-inner{color:var(--text-mut-navy);font-size:.92rem;line-height:1.6}.help-section-title,.rules-main-title{color:var(--text-navy);letter-spacing:-.01em;margin:0 0 1.1rem;font-size:1.05rem;font-weight:800}.registration-guide{flex-direction:column;gap:1.1rem;display:flex}.guide-step{align-items:flex-start;gap:.9rem;display:flex}.step-badge{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:flex;box-shadow:0 4px 10px #0ea5e94d}.step-body h5{color:var(--text-navy);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.step-body p{color:var(--text-mut-navy);margin:0;font-size:.88rem;line-height:1.55}.step-body a{color:var(--blue-600);font-weight:700;text-decoration:none}.step-body a:hover{text-decoration:underline}.rules-tab-bg{background:linear-gradient(180deg,var(--blue-50)0%,#f0f9ff00 100%);border-radius:16px;margin:-.25rem -.25rem 0;padding:1.25rem}.help-rules-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.rule-card{background:#ffffffd9;border:1px solid #0000000d;border-radius:14px;padding:1rem;box-shadow:0 4px 12px #0f172a0a}.rule-card p{color:var(--text-mut-navy);margin:0;font-size:.85rem;font-weight:600;line-height:1.5}.rule-card.trophy-card{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));border-color:#0000;grid-column:1/-1}.rule-card.trophy-card p{color:#fff;font-weight:700}@media (prefers-reduced-motion:reduce){.preview-wrapper,.cert-wrapper,.promo-cta,.btn-submit,.btn-demo,.feature-tag,.modal-content,.modal-overlay,.interactive-hint svg,.page-login:before,.page-login:after,.help-modal,.help-modal-content,.help-tab-content{transition:none!important;animation:none!important}}@media (max-width:1024px){.promo-content{padding:1.5rem 2rem 0}.preview-container{padding:1rem 2rem 2rem}}@media (max-width:768px){body,html,.page-login{height:auto!important;overflow-y:auto!important}.promo-side{height:auto;overflow:visible}.preview-wrapper{animation:none}.split-layout{flex-direction:column-reverse;height:auto;min-height:100vh}.auth-side{z-index:20;border-bottom:1px solid #fff9;border-left:none;border-radius:0 0 32px 32px;flex:none;padding:3rem 1.5rem 3.5rem;overflow-y:visible;box-shadow:0 12px 40px #0f172a14}.promo-side{flex:none;padding-top:2rem;overflow-y:visible}.promo-content{text-align:center;max-width:100%;margin:0 auto;padding:1.5rem 1.5rem .5rem}.logo,.interactive-hint,.feature-tags{justify-content:center}.promo-cta-wrap{flex-direction:column;justify-content:center;gap:1rem}.preview-container{justify-content:center;padding:1rem 1.5rem 3rem}.preview-wrapper{max-width:480px;height:auto;transform:none}.preview-wrapper img{width:100%;height:auto}.help-rules-grid{grid-template-columns:1fr}.modal-content{padding:1.5rem}.help-modal-content{max-height:90vh;padding:1.5rem}}