img{margin-bottom:1.5rem}img:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.home section{grid-template-columns:repeat(3,1fr);column-gap:1.5rem;margin-top:5rem;display:grid}.resource{text-align:left;color:#222;background-color:#f1f1f1;border:1px solid #0000;border-radius:.5rem;padding:.75rem 1.5rem;text-decoration:none}.resource:hover{border:1px solid #000;box-shadow:0 25px 50px -12px #673ab888}@media (width<=639px){.home section{grid-template-columns:1fr;row-gap:1rem;margin-top:5rem}}@media (prefers-color-scheme:dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}.login-container{background:linear-gradient(180deg, var(--l-primary-color-light5) 0%, #fff 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:16px;flex-direction:column;width:420px;min-height:480px;padding:40px;animation:.4s ease-out slideUp;display:flex;position:relative;box-shadow:0 8px 32px #007bff1a}.lang-switcher{background:var(--l-info-color-light9);border-radius:4px;gap:4px;padding:2px;display:flex;position:absolute;top:16px;right:16px}.lang-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}.lang-btn:hover{color:var(--l-primary-color)}.lang-btn.active{color:var(--l-primary-color);background:#fff;box-shadow:0 1px 3px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.logo{justify-content:center;margin-bottom:16px;display:flex}.title{color:#1a1a1a;margin:0 0 8px;font-size:24px;font-weight:600}.subtitle{color:var(--l-info-color);margin:0;font-size:14px}.mode-switcher{background:var(--l-info-color-light9);border-radius:var(--l-border-radius);gap:8px;margin-bottom:24px;padding:4px;display:flex}.mode-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.mode-btn:hover{color:var(--l-primary-color)}.mode-btn.active{color:var(--l-primary-color);background:#fff;box-shadow:0 2px 8px #00000014}.mode-btn svg{flex-shrink:0}.login-form{flex-direction:column;flex:1;gap:20px;display:flex}.form-group{flex-direction:column;gap:5px;display:flex}.form-label{color:#333;text-align:left;font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--l-info-color);pointer-events:none;position:absolute;left:12px}.form-input{width:100%;height:var(--l-form-control-height);border:1px solid var(--l-border-color);border-radius:var(--l-border-radius);color:#333;box-sizing:border-box;background:#fff;padding:0 12px 0 40px;font-size:14px;transition:all .2s}.form-input::placeholder{color:#bbb}.form-input:hover{border-color:var(--l-primary-color-light2)}.form-input:focus{border-color:var(--l-primary-color);box-shadow:0 0 0 3px var(--l-primary-color-light5);outline:none}.form-input.error{border-color:var(--l-error-color)}.form-input.error:focus{box-shadow:0 0 0 3px var(--l-error-color-light5)}.form-error{color:var(--l-error-color);text-align:left;margin-top:-4px;font-size:12px}.code-wrapper .code-input{padding-right:110px}.phone-input-wrapper{gap:8px;display:flex}.country-code-select{height:var(--l-form-control-height);border:1px solid var(--l-border-color);border-radius:var(--l-border-radius);color:#333;cursor:pointer;background:#fff;flex-shrink:0;min-width:100px;padding:0 8px;font-size:14px}.country-code-select:hover{border-color:var(--l-primary-color-light2)}.country-code-select:focus{border-color:var(--l-primary-color);box-shadow:0 0 0 3px var(--l-primary-color-light5);outline:none}.phone-input{flex:1;padding-left:12px!important}.code-btn{background:var(--l-primary-color-light5);height:32px;color:var(--l-primary-color);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;padding:0 12px;font-size:13px;font-weight:500;transition:all .2s;position:absolute;right:4px}.code-btn:hover:not(:disabled){background:var(--l-primary-color-light4)}.code-btn:disabled{opacity:.6;cursor:not-allowed}.checkbox-label{color:#666;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-label a{color:var(--l-primary-color);text-decoration:none}.checkbox-label a:hover{text-decoration:underline}.checkbox{width:16px;height:16px;accent-color:var(--l-primary-color);cursor:pointer}.submit-btn{border-radius:var(--l-border-radius);background:linear-gradient(135deg, var(--l-primary-color) 0%, var(--l-primary-color-dark1) 100%);color:#fff;cursor:pointer;border:none;width:100%;height:44px;margin-top:auto;font-size:16px;font-weight:600;transition:all .3s}.submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff59}.submit-btn:active{transform:translateY(0)}.switch-form{color:#666;justify-content:space-between;align-items:center;font-size:12px;display:flex}.link-btn{color:var(--l-primary-color);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.link-btn:hover{text-decoration:underline}.footer{text-align:center;margin-top:32px}.footer p{color:var(--l-info-color);margin:0;font-size:12px}@media (width<=480px){.login-card{width:100%;padding:24px}}.subscribe-container{background:linear-gradient(180deg, var(--l-primary-color-light5) 0%, #fff 50%, #f8fafc 100%);color:#1a1a2e;min-height:100vh;padding:60px 24px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.subscribe-header{text-align:center;margin-bottom:56px}.subscribe-badge{background:var(--l-primary-color-light5);border:1px solid var(--l-primary-color-light4);color:var(--l-primary-color);letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.subscribe-badge-dot{background:var(--l-primary-color);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.subscribe-title{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 12px;font-size:36px;font-weight:700}.subscribe-title-accent{background:linear-gradient(135deg, var(--l-primary-color), #00b4d8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subscribe-subtitle{color:#6b7280;max-width:480px;margin:0 auto;font-size:16px;line-height:1.6}.plans-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin:0 auto;display:grid}.plan-card{border:1px solid var(--l-border-color);background:#fff;border-radius:16px;flex-direction:column;padding:28px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden}.plan-card:before{content:"";background:linear-gradient(90deg, transparent, var(--l-primary-color-light3), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.plan-card:hover{border-color:var(--l-primary-color-light3);transform:translateY(-4px);box-shadow:0 12px 40px #007bff1a}.plan-card:hover:before{opacity:1}.plan-card.recommended{border-color:var(--l-primary-color);background:#fff;box-shadow:0 4px 20px #007bff1f}.plan-card.recommended:after{content:"";background:linear-gradient(90deg, var(--l-primary-color), #00b4d8);height:3px;position:absolute;top:0;left:0;right:0}.plan-recommend-tag{background:linear-gradient(135deg, var(--l-primary-color), #09f);color:#fff;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600;position:absolute;top:14px;right:14px}.plan-name{color:#1a1a2e;margin:0 0 6px;font-size:18px;font-weight:600}.plan-desc{color:#6b7280;min-height:40px;margin:0 0 20px;font-size:13px;line-height:1.5}.plan-price-row{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:20px;display:flex}.plan-price{color:#1a1a2e;font-size:34px;font-weight:700;line-height:1}.plan-price-currency{color:#6b7280;font-size:15px;font-weight:500}.plan-original-price{color:#9ca3af;font-size:13px;text-decoration:line-through}.plan-duration{color:#9ca3af;font-size:13px}.plan-features{flex-direction:column;flex:1;gap:10px;margin:0 0 24px;padding:0;list-style:none;display:flex}.plan-feature{color:#4b5563;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.plan-feature-icon{background:var(--l-success-color-light5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.plan-feature-icon svg{width:10px;height:10px;stroke:var(--l-success-color);fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.plan-btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:10px;width:100%;height:42px;font-size:14px;font-weight:600;transition:all .25s}.plan-btn-primary{background:linear-gradient(135deg, var(--l-primary-color), #09f);color:#fff;box-shadow:0 4px 12px #007bff40}.plan-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #007bff59}.plan-btn-outline{color:var(--l-primary-color);border:1px solid var(--l-primary-color-light3);background:#fff}.plan-btn-outline:hover{background:var(--l-primary-color-light5);border-color:var(--l-primary-color)}.subscribe-footer{text-align:center;margin-top:48px}.subscribe-footer-text{color:#9ca3af;margin:0;font-size:12px}@media (width<=960px){.plans-grid{grid-template-columns:repeat(2,1fr);max-width:680px}}@media (width<=680px){.subscribe-container{padding:40px 16px 60px}.subscribe-title{font-size:28px}.plans-grid{grid-template-columns:1fr;max-width:360px}}html{font-size:62.5%}html,body{height:100%}body{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-size:14px;line-height:1.6}img{vertical-align:top}ul,ol{margin:0;padding:0;list-style:none}dialog{opacity:0;border:none;outline:none;padding:0;transition:opacity 3s}dialog[open]{opacity:1}div{box-sizing:border-box}a{color:#4998f6;cursor:pointer;text-decoration:none;transition:color .3s}a:hover{color:#5ba2f7}a:active{color:#64a7f7}p{color:#333;margin:5px 0;font-size:16px;line-height:1.4}.l-message{color:var(--l-primary-color,#722ed1);z-index:500;background:#f0faff;border:1px solid #d4eeff;border-radius:5px;align-items:center;padding:10px;font-size:14px;transition:opacity .3s,transform .3s,top .3s;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.l-message .l-message-icon{margin-right:5px}.l-message.l-message-success{color:var(--l-success-color,#52c41a);background:#edfff3;border-color:#bbf2cf}.l-message.l-message-error{color:var(--l-error-color,#f5222d);background:#ffefe6;border-color:#ffcfb8}.l-message.l-message-warn{color:var(--l-warn-color,#f90);background:#fff9e6;border-color:#ffe7a3}.l-message-container{align-items:center;display:flex}.l-message-fade-enter-from,.l-message-fade-leave-to{opacity:0;transform:translate(-50%,-100%)}@media screen and (width<=768px){.l-message{width:90%}}:root{--l-form-control-height:40px;--l-disabled-color:#e6e6e6;--l-primary-color:#007bff;--l-primary-color-light1:#39f;--l-primary-color-light2:#66b3ff;--l-primary-color-light3:#9cf;--l-primary-color-light4:#cce6ff;--l-primary-color-light5:#e6f2ff;--l-primary-color-dark1:#06c;--l-primary-color-dark2:#004c99;--l-error-color:#f5222d;--l-error-color-light3:#ffa39e;--l-error-color-light5:#fff1f0;--l-success-color:#52c41a;--l-success-color-light1:#73d13d;--l-success-color-light2:#95de64;--l-success-color-light3:#b7eb8f;--l-success-color-light4:#d9f7be;--l-success-color-light5:#f6ffed;--l-success-color-dark1:#389e0d;--l-warn-color:#f90;--l-info-color:#999;--l-info-color-light9:#f5f5f5;--l-border-color:#dedede;--l-border-radius:8px}