*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:snow;min-height:100vh;padding:80px 20px 20px;color:#1e293b}.container{padding-top:8px;max-width:720px;margin:0 auto}.nav-left{display:flex;align-items:center;gap:2rem}.nav-logo{font-size:1.5rem;font-weight:700;color:#1f2937;text-decoration:none}e.online-counter{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;font-size:.875rem}.online-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-online 2s infinite}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.5}}.online-text{color:#64748b;font-weight:500}.online-text span{color:#1f2937;font-weight:600}.nav-right{display:flex;align-items:center;gap:1.5rem}.desktop-user-info{display:flex;align-items:center;gap:1rem;padding:.5rem 1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.desktop-user-email{font-size:.875rem;color:#64748b;font-weight:500}.mobile-tier-badge{display:none}.pro-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.free-badge{background:#6b7280;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.auth-buttons{display:flex;align-items:center}.login-btn{padding:.5rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001}.hamburger span{display:block;height:2px;width:100%;background:#374151;border-radius:1px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media(max-width:768px){.nav-bar{padding:1rem}.nav-left{gap:1rem}.online-counter{padding:.375rem .75rem;font-size:.8rem}.desktop-user-info{display:none}.mobile-tier-badge{display:block}.nav-right{gap:1rem}}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:998}.nav-menu{position:fixed;top:0;right:-100%;width:300px;height:100%;background:#fff;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease;z-index:1000;padding:2rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto}.nav-bar{position:fixed;top:0;left:0;right:0;background:#fff;border-bottom:3px solid #1E293B;padding:16px 20px;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #0000001a}.nav-logo{font-size:20px;font-weight:900;color:#1e293b;letter-spacing:-.5px;text-decoration:none}.nav-right{display:flex;align-items:center;gap:0}.online-counter{display:flex;align-items:center;gap:6px;background:#f5faf6;padding:4px 12px;border-radius:16px;border:1px solid #86EFAC;margin-right:16px}.pro-banner-nav{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700;border:2px solid #1E293B;box-shadow:1px 1px #1e293b;white-space:nowrap}.pro-crown{font-size:12px}@media(max-width:640px){.online-counter-wrapper{margin-right:12px;gap:6px}.pro-banner-nav{font-size:10px;padding:3px 6px}.user-menu{display:none}.mobile-auth-buttons{display:flex}.auth-buttons{display:none}}.license-message.success{background:#78ffae;border-color:#10b981;color:#059669}.online-dot{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.online-text{font-size:12px;font-weight:600;color:#059669}.auth-buttons{display:flex;align-items:center;gap:8px}.login-btn,.signup-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.login-btn{background:transparent;color:#1e293b}.login-btn:hover{background:#f3f4f6}.signup-btn{background:#ff6b35;color:#fff;border:2px solid #1E293B;box-shadow:2px 2px #1e293b}.signup-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #1e293b}.user-menu{display:flex;align-items:center;gap:12px;margin-right:16px}.user-email{font-size:14px;font-weight:600;color:#1e293b}.pro-badge-nav{background:#ff6b35;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.hamburger{width:20px;height:15px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:1001}.hamburger span{display:block;width:100%;height:3px;background:#1e293b;border-radius:2px;transition:all .3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.nav-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:#fff;border-left:3px solid #1E293B;padding:80px 30px 30px;transition:right .3s;z-index:999;overflow-y:auto;box-shadow:-4px 0 12px #0000001a}.nav-menu.active{right:0}.nav-overlay{position:fixed;inset:0;background:#00000080;opacity:0;visibility:hidden;transition:all .3s;z-index:998}.nav-overlay.active{opacity:1;visibility:visible}.nav-item{display:block;padding:16px 20px;margin-bottom:8px;background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px;color:#1e293b;text-decoration:none;font-weight:600;font-size:15px;transition:all .2s}.nav-item:hover{background:#ff6b35;color:#fff;border-color:#1e293b;transform:translate(-4px)}.nav-item.primary{background:#ff6b35;color:#fff;border-color:#1e293b;box-shadow:3px 3px #1e293b}.nav-item.primary:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}button.nav-item{background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px;padding:16px 20px;margin-bottom:8px;color:#1e293b;text-decoration:none;font-weight:600;font-size:15px;transition:all .2s;display:block;width:100%;text-align:left;font-family:inherit;cursor:pointer}button.nav-item:hover{background:#ff6b35;color:#fff;border-color:#1e293b;transform:translate(-4px)}.mobile-auth-buttons{display:none;flex-direction:column;gap:8px;margin:16px 0;padding:16px;border-top:2px solid #E5E7EB}.mobile-auth-buttons .login-btn,.mobile-auth-buttons .signup-btn{width:100%;text-align:center;justify-content:center;padding:12px;font-size:14px}.user-info-mobile{padding:16px 20px;background:#f9fafb;border-radius:12px;margin-bottom:16px;text-align:center}.user-info-mobile p{margin-bottom:8px;font-weight:600}.user-info-mobile .pro-badge-nav{background:#ff6b35;color:#fff;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;margin-left:8px}.logout-mobile{background:none;border:none;width:100%;text-align:left;font-family:inherit;font-size:inherit}.promo-banner{background:linear-gradient(135deg,#ff6b35,#ff8c5a);border:3px solid #1E293B;border-radius:16px;padding:16px 24px;margin-bottom:28px;box-shadow:4px 4px #1e293b;text-align:center;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;cursor:pointer;margin-top:20px;text-decoration:none!important}.promo-banner:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #1e293b;text-decoration:none!important}.promo-banner .sparkle{font-size:18px}.hero-title{font-size:48px;font-weight:900;text-align:center;margin-bottom:24px;line-height:1.2;letter-spacing:-2px;color:#1e293b}.highlight{background:#ff6b35;color:#fff;padding:4px 16px;border-radius:8px;display:inline-block;border:3px solid #1E293B;box-shadow:4px 4px #1e293b;transform:rotate(-2deg);font-weight:900}.subtitle{font-size:17px;color:#6b7280;text-align:center;line-height:1.6;margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto;min-height:28px}.typing-subtitle{display:inline-block}.demo-buttons{display:flex;gap:12px;margin-bottom:28px}.demo-btn{flex:1;padding:12px;background:#e5e7eb;color:#1e293b;border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.demo-btn:hover{background:#d1d5db;transform:translateY(-1px)}.section-card{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:4px 4px #1e293b}.form-group{margin-bottom:20px}label{display:block;margin-bottom:10px;font-weight:700;font-size:16px;color:#1e293b}.bullet{width:12px;height:12px;background:#ff6b35;border-radius:50%;display:inline-block;margin-right:8px}textarea{width:100%;min-height:140px;padding:18px;border:3px solid #1E293B;border-radius:16px;font-size:16px;font-family:inherit;resize:vertical;background:#fff;transition:all .2s}textarea:focus{outline:none;box-shadow:0 0 0 4px #0000001a}.char-counter{text-align:right;font-size:13px;color:#6b7280;margin-top:6px;font-weight:600}.char-counter.warning{color:#ff6b35}.char-counter.error{color:#ef4444}.char-counter.pro{color:#10b981}.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.style-option{position:relative}.style-option input[type=radio]{display:none}.style-option label{display:block;padding:16px 12px;background:#fff;border:3px solid #E5E7EB;border-radius:16px;cursor:pointer;text-align:center;transition:all .2s;font-weight:700;font-size:14px;margin:0}.style-option input[type=radio]:checked+label{background:#ff6b35;color:#fff;border-color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.style-option label:hover{border-color:#ff6b35}.icon{font-size:20px;display:none;margin-bottom:4px}.check-button{width:100%;padding:18px;background:#6366f1;color:#fff;border:3px solid #1E293B;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:4px 4px #1e293b}.check-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px #1e293b}.check-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.check-button:disabled{opacity:.6;cursor:not-allowed}.loading{text-align:center;padding:30px;color:#6b7280;font-weight:600;font-size:16px}.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.results{margin-top:32px}.results h2{color:#1e293b;margin-bottom:20px;font-size:32px;font-weight:900;letter-spacing:-1px}.card{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:4px 4px #1e293b}.warning{background:#fff9e6;border-color:#1e293b}.warning h3{color:#1e293b;margin-bottom:8px;font-size:18px;font-weight:800;display:flex;align-items:center;gap:8px}.warning p{color:#6b7280;font-size:15px}.success{background:#d4edda;border-color:#1e293b}.success strong{color:#1e293b;font-weight:800;font-size:18px}.limit-info{background:#fff9e6;border:2px solid #FF6B35;border-radius:12px;padding:12px 16px;margin-bottom:20px;text-align:center;font-size:14px;color:#1e293b;font-weight:600}.error-item{background:#fff;border:3px solid #1E293B;padding:20px;margin-bottom:16px;border-radius:16px;position:relative}.error-item.locked{position:relative}.error-item strong{color:#1e293b;font-weight:800;font-size:15px;display:block;margin-bottom:12px}.error-text{color:#ef4444;font-weight:700;margin-bottom:8px;font-size:15px;padding:8px 12px;background:#fee2e2;border-radius:8px;display:inline-block}.correct-text{color:#10b981;font-weight:700;margin-top:8px;font-size:15px;padding:8px 12px;background:#d1fae5;border-radius:8px;display:inline-block}.explanation{color:#6b7280;font-size:14px;margin-top:12px;line-height:1.5}.locked-overlay{position:relative;filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.unlock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff6b35;color:#fff;padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;border:3px solid #1E293B;box-shadow:4px 4px #1e293b;z-index:10;white-space:nowrap}.versions-section{margin-top:24px}.versions-section h3{color:#1e293b;margin-bottom:16px;font-size:24px;font-weight:800}.version-card{background:#fff;border:3px solid #1E293B;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:3px 3px #1e293b;position:relative}.version-card.locked{position:relative}.version-label{display:inline-block;background:#ff6b35;color:#fff;padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700;margin-bottom:12px}.version-text{color:#1f2937;font-size:15px;line-height:1.7;background:#f9fafb;padding:16px;border-radius:12px;border:2px solid #E5E7EB}.copy-btn{position:absolute;top:16px;right:16px;background:#fff;border:2px solid #1E293B;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s;color:#1e293b}.copy-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.copy-btn.copied{background:#d1fae5;border-color:#10b981;color:#10b981}.tier-section{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:32px 24px;box-shadow:4px 4px #1e293b;max-width:720px;margin:32px auto}.tier-section h3{text-align:center;color:#1e293b;font-size:24px;font-weight:900;margin-bottom:12px}.tier-section p{text-align:center;color:#6b7280;margin-bottom:28px;font-size:14px}.tier-toggle{display:flex;justify-content:center;gap:0;margin-bottom:24px;background:#fff;border:3px solid #1E293B;border-radius:16px;padding:6px;max-width:320px;margin-left:auto;margin-right:auto;box-shadow:4px 4px #1e293b}.tier-btn{flex:1;padding:12px 24px;background:transparent;border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;color:#6b7280}.tier-btn.active{background:#ff6b35;color:#fff;box-shadow:0 2px 8px #ff6b354d}.tier-badge{display:inline-block;background:#10b981;color:#fff;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:700;margin-left:6px;text-transform:uppercase}.pro-features{margin-top:24px}.pro-features h4{text-align:center;color:#1e293b;font-size:18px;font-weight:800;margin:32px 0 20px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.feature-item{background:#f9fafb;border:2px solid #E5E7EB;border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;transition:all .2s}.feature-item:hover{background:#fff9e6;border-color:#ff6b35;transform:translateY(-2px)}.feature-icon{font-size:24px;flex-shrink:0}.feature-content{flex:1}.feature-content strong{display:block;color:#1e293b;font-size:14px;font-weight:700;margin-bottom:4px}.feature-content p{color:#6b7280;font-size:13px;line-height:1.4}.subscribe-link{background:#ff6b35;color:#fff;transition:all .2s}.subscribe-link:hover{background:#ff6b35;color:#fff;transform:translateY(-1px)}.upgrade-section{padding-bottom:20px;text-align:center}.upgrade-btn{display:block;width:100%;max-width:280px;margin:12px auto;padding:14px 24px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;border:3px solid #1E293B;border-radius:12px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:3px 3px #1e293b;text-align:center}.upgrade-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.upgrade-btn.yearly{background:linear-gradient(135deg,#10b981,#34d399);margin-bottom:20px}.pro-features .upgrade-btn{margin-top:28px;margin-bottom:12px}.footer{margin-top:60px;padding:32px 24px;background:#fff;border:3px solid #1E293B;border-radius:20px;box-shadow:4px 4px #1e293b;text-align:center}.footer-title{font-size:14px;font-weight:700;color:#6b7280;margin-bottom:20px;letter-spacing:.5px;text-transform:uppercase}.footer-badges{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}.badge-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;border:2px solid #1E293B;border-radius:12px;font-size:14px;font-weight:600;color:#1e293b;text-decoration:none;transition:all .2s;box-shadow:2px 2px #1e293b}.badge-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1e293b}.footer-buttons{display:flex;gap:12px;justify-content:center;margin:20px 0;flex-wrap:wrap}.footer-buttons .upgrade-btn{flex:1;min-width:250px;max-width:280px;margin:0}.footer-message{font-size:14px;color:#6b7280;line-height:1.6;max-width:500px;margin:0 auto 20px}.footer-email{margin-top:24px;padding-top:20px;border-top:2px solid #E5E7EB;color:#6b7280;font-size:14px}.footer-email a{color:#ff6b35;text-decoration:none;font-weight:600}.footer-email a:hover{text-decoration:underline}.footer-credit{font-size:13px;color:#9ca3af;margin-top:20px;padding-top:20px;border-top:2px solid #E5E7EB}.back-to-home-btn{background:#fff;border:2px solid #1E293B;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .2s;box-shadow:2px 2px #1e293b;text-decoration:none}.back-to-home-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1e293b;background:#ff6b35;color:#fff}.back-to-top{position:fixed;bottom:30px;right:30px;background:#ff6b35;color:#fff;border:3px solid #1E293B;border-radius:12px;padding:14px 18px;font-size:20px;font-weight:700;cursor:pointer;box-shadow:4px 4px #1e293b;transition:all .2s;opacity:0;visibility:hidden;z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1e293b}.back-to-top:active{transform:translate(2px,2px);box-shadow:2px 2px #1e293b}.sponsor-section{margin:48px 0 32px;padding:32px 24px;background:#fff;border:3px solid #1E293B;border-radius:20px;box-shadow:4px 4px #1e293b;text-align:center}.sponsor-title{font-size:11px;font-weight:500;color:#9ca3af;margin-bottom:18px;text-transform:uppercase;letter-spacing:1px}.sponsor-slider{position:relative;height:200px;overflow:hidden;border-radius:12px;background:#f9fafb;border:2px solid #E5E7EB}.sponsor-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.sponsor-slide.active{opacity:1}.sponsor-content{text-align:center}.sponsor-content h3{font-size:20px;font-weight:800;color:#1e293b;margin-bottom:12px}.sponsor-content p{font-size:14px;color:#6b7280;line-height:1.6}.sponsor-link{display:inline-block;margin-top:16px;padding:10px 20px;background:#ff6b35;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;font-size:14px;border:2px solid #1E293B;box-shadow:2px 2px #1e293b;transition:all .2s}.sponsor-link:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1e293b}.sponsor-indicators{display:flex;justify-content:center;gap:8px;margin-top:20px}.sponsor-dot{width:10px;height:10px;border-radius:50%;background:#e5e7eb;cursor:pointer;transition:all .2s}.sponsor-dot.active{background:#ff6b35;width:24px;border-radius:5px}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.auth-modal{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:32px;max-width:440px;width:100%;position:relative;box-shadow:8px 8px #1e293b}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#f3f4f6}.auth-title{font-size:28px;font-weight:900;color:#1e293b;margin-bottom:8px;text-align:center}.auth-subtitle{color:#6b7280;text-align:center;margin-bottom:32px;font-size:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form .form-group{margin-bottom:0}.auth-form input{width:100%;padding:16px;border:3px solid #1E293B;border-radius:12px;font-size:16px;font-family:inherit;transition:all .2s}.auth-form input:focus{outline:none;box-shadow:0 0 0 4px #ff6b3533;border-color:#ff6b35}.auth-submit-btn{width:100%;padding:16px;background:#ff6b35;color:#fff;border:3px solid #1E293B;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:4px 4px #1e293b;margin-top:8px}.auth-submit-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1e293b}.auth-error{background:#fee2e2;border:2px solid #EF4444;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center}.auth-footer{text-align:center;margin-top:24px;color:#6b7280}.auth-switch{color:#ff6b35;font-weight:700;cursor:pointer;text-decoration:underline}.demo-credentials{margin-top:24px;padding:16px;background:#f0f9ff;border:2px solid #3B82F6;border-radius:12px;text-align:center}.demo-title{font-weight:700;color:#1e293b;margin-bottom:8px}.demo-credentials p{margin:4px 0;font-size:14px;color:#6b7280}.settings-container{max-width:600px;margin:-20px auto 0}.settings-title{font-size:32px;font-weight:900;color:#1e293b;margin-bottom:32px;text-align:center}.settings-card{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:24px;margin-bottom:24px;box-shadow:4px 4px #1e293b}.settings-card h3{color:#1e293b;font-size:20px;font-weight:800;margin-bottom:20px}.info-group{margin-bottom:20px}.info-group label{display:block;font-weight:600;color:#6b7280;margin-bottom:8px;font-size:14px}.info-value{font-size:16px;color:#1e293b;font-weight:500}.status-badge{display:flex;align-items:center;gap:8px;font-weight:600}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:#10b981}.status-dot.expired{background:#ef4444}.pro-badge{background:#ff6b35;color:#fff;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase}.license-help{color:#6b7280;margin-bottom:16px;font-size:14px}.license-input-group{display:flex;gap:12px;margin-bottom:16px}.license-input{flex:1;padding:12px 16px;border:3px solid #1E293B;border-radius:12px;font-size:16px;font-family:inherit;transition:all .2s}.license-input:focus{outline:none;box-shadow:0 0 0 4px #ff6b3533;border-color:#ff6b35}.save-license-btn{padding:12px 24px;background:#10b981;color:#fff;border:3px solid #1E293B;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:3px 3px #1e293b;transition:all .2s;font-size:14px}.save-license-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}.license-message{padding:12px 16px;border-radius:8px;font-weight:600;margin-bottom:16px;text-align:center}.license-message.success{background:#d1fae5;border:2px solid #10B981;color:#059669}.settings-card .demo-credentials{margin-top:24px;padding:16px;background:#f0f9ff;border:2px solid #3B82F6;border-radius:12px;text-align:center}.settings-card .demo-title{font-weight:700;color:#1e293b;margin-bottom:8px}.settings-card .demo-credentials p{margin:4px 0;font-size:14px;color:#6b7280}.settings-card .demo-credentials strong{color:#1e293b;font-size:16px}.license-info{background:#f0f9ff;border:2px solid #3B82F6;border-radius:12px;padding:16px;font-size:14px}.license-info p{margin:4px 0}.settings-actions{text-align:center;margin-top:32px}.logout-btn{padding:12px 24px;background:#ef4444;color:#fff;border:3px solid #1E293B;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:3px 3px #1e293b;transition:all .2s}.logout-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b}@media(max-width:640px){.nav-menu{width:100%;right:-100%}.sponsor-slide{padding:20px}.sponsor-content h3{font-size:18px}.hero-title{font-size:32px}.style-options{grid-template-columns:1fr}.footer-badges{flex-direction:column;align-items:center}.badge-btn{width:100%;max-width:280px;justify-content:center}.online-counter{padding:4px 10px}.online-text{font-size:12px}.nav-right{gap:8px}.auth-buttons{display:none}.mobile-auth-buttons{display:flex}.login-btn,.signup-btn{font-size:13px;padding:6px 12px}.promo-banner{font-size:13px;padding:12px 16px}.features-grid{grid-template-columns:1fr}.subtitle{font-size:15px;margin-bottom:28px}.footer-buttons{flex-direction:column;align-items:center}.footer-buttons .upgrade-btn{min-width:100%}.pro-features .upgrade-btn{margin-top:24px;margin-bottom:8px}.back-to-home-btn{padding:10px 16px;font-size:12px}.auth-modal{margin:20px;padding:24px}.license-input-group{flex-direction:column;gap:12px}.save-license-btn{width:100%}.user-menu{display:none}.user-info-mobile .pro-badge-nav{font-size:10px;padding:3px 6px}}@media(min-width:641px){.mobile-auth-buttons{display:none}.auth-buttons{display:flex}}.tagline-wrapper{min-height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.tagline{display:inline-block;padding:12px 28px;background:#fff;border:3px solid #1E293B;border-radius:50px;font-size:15px;font-weight:600;color:#1e293b;text-align:center}.typing-text{display:inline-block;min-width:280px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in}.hidden{display:none}.welcome-modal{background:#fff;border:3px solid #1E293B;border-radius:20px;padding:40px 32px;max-width:480px;width:100%;position:relative;box-shadow:8px 8px #1e293b;text-align:center}.welcome-content{display:flex;flex-direction:column;align-items:center;gap:20px}.welcome-icon{font-size:64px;margin-bottom:10px}.welcome-title{font-size:28px;font-weight:900;color:#1e293b;margin-bottom:8px}.welcome-message{color:#6b7280;font-size:16px;line-height:1.6;margin-bottom:8px}.welcome-button{background:#ff6b35;color:#fff;border:3px solid #1E293B;border-radius:12px;padding:14px 32px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:4px 4px #1e293b;margin-top:16px}.welcome-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1e293b}.expire-date-mobile{display:block;font-size:12px;color:#10b981;font-weight:600;margin-top:4px}.user-status-mobile{margin-top:8px}.status-badge.invalid{background:#fee2e2;color:#dc2626;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.status-badge.expired{background:#fef3c7;color:#d97706;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.purchase-license{margin-top:24px;padding:20px;background:#f0fdf4;border:2px solid #10B981;border-radius:12px;text-align:center}.purchase-title{font-weight:700;color:#1e293b;margin-bottom:8px;font-size:16px}.purchase-message{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:16px}.purchase-link{display:inline-block;padding:12px 24px;background:#10b981;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px;border:2px solid #1E293B;box-shadow:2px 2px #1e293b;transition:all .2s}.purchase-link:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1e293b;background:#059669}.status-dot.invalid{background:#ef4444}@media(max-width:640px){.welcome-modal{margin:20px;padding:32px 24px}.welcome-icon{font-size:48px}.welcome-title{font-size:24px}.expire-date-mobile{font-size:11px}}.license-message{padding:12px 16px;border-radius:8px;font-weight:600;margin-bottom:16px;text-align:center;border:2px solid}.license-message.success{background:#d1fae5;border-color:#10b981;color:#059669}.license-message.error{background:#fee2e2;border-color:#ef4444;color:#dc2626}.license-message.warning{background:#fef3c7;border-color:#f59e0b;color:#d97706}.status-badge .status-dot.invalid{background:#f59e0b}.status-badge .status-dot.expired{background:#ef4444}.status-badge .status-dot.active{background:#10b981}.pro-banner-nav{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;padding:6px 12px;border-radius:12px;font-size:12px;font-weight:700;border:2px solid #1E293B;box-shadow:2px 2px #1e293b;margin-right:12px}.pro-crown{font-size:14px}@media(max-width:640px){.pro-banner-nav{display:none}.online-counter.pro-user{background:linear-gradient(135deg,#ff6b35,#ff8c5a);border-color:#1e293b}.online-counter.pro-user .online-text{color:#fff}.online-counter.pro-user .online-dot{background:#fff}}.nav-item[href^="mailto:"]{background:#f0f9ff;border-color:#3b82f6}.nav-item[href^="mailto:"]:hover{background:#3b82f6;color:#fff}.online-counter-wrapper{display:flex;align-items:center;gap:8px;margin-right:16px}.mobile-pro-badge{display:none}@media(max-width:640px){.online-counter-wrapper{margin-right:12px;gap:6px}.mobile-pro-badge{display:block}.user-menu{display:none}.mobile-auth-buttons{display:flex}.auth-buttons{display:none}}@media(min-width:641px){.mobile-pro-badge{display:none}.user-menu{display:flex;align-items:center;gap:12px;margin-right:16px}.user-email{font-size:14px;font-weight:600;color:#1e293b}.auth-buttons{display:flex;align-items:center;gap:8px}.mobile-auth-buttons{display:none}}.nav-item[href^="mailto:"],.nav-item[onclick]{cursor:pointer}.nav-item[href^="mailto:"]:hover,.nav-item[onclick]:hover{background:#3b82f6;color:#fff;transform:translate(-4px)}.nav-signup-btn{width:100%;padding:16px;background:#ef4444;color:#fff;border:3px solid #1E293B;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:3px 3px #1e293b;margin-top:8px;text-align:center}.nav-signup-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b;background:#dc2626}.logout-btn{padding:12px 24px;background:#ef4444;color:#fff;border:3px solid #1E293B;border-radius:12px;font-weight:700;cursor:pointer;box-shadow:3px 3px #1e293b;transition:all .2s;font-size:14px}.logout-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b;background:#dc2626}.auth-buttons .signup-btn,.mobile-auth-buttons .signup-btn{display:none}.free-banner{background:#ececec;color:#757575;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.nav-signout-btn{width:100%;padding:16px;background:#ef4444;color:#fff;border:3px solid #1E293B;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:3px 3px #1e293b;margin-top:8px;text-align:center}.nav-signout-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #1e293b;background:#dc2626}@media(max-width:640px){.online-counter-wrapper{margin-right:12px;gap:6px}.mobile-pro-badge{display:block}.free-banner{display:flex;font-size:10px;padding:3px 6px}.user-menu{display:none}.mobile-auth-buttons{display:flex}.auth-buttons{display:none}}@media(min-width:641px){.mobile-pro-badge,.free-banner{display:none}.user-menu{display:flex;align-items:center;gap:12px;margin-right:16px}.user-email{font-size:14px;font-weight:600;color:#1e293b}.auth-buttons{display:flex;align-items:center;gap:8px}.mobile-auth-buttons{display:none}}.marketing-banner{background:linear-gradient(135deg,#ff6b35,#ff8c5a);border:2px solid #1E293B;border-radius:12px;padding:12px 16px;margin-bottom:20px;text-align:center;color:#fff;font-weight:600;font-size:14px;box-shadow:2px 2px #1e293b}.marketing-icon{font-size:16px;margin-right:8px}.marketing-text{font-weight:600}.marketing-text strong{font-weight:800}.pricing-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}.pricing-card{background:#fff;border:3px solid #1E293B;border-radius:16px;padding:24px;text-align:center;position:relative;box-shadow:3px 3px #1e293b}.pricing-card.featured{border-color:#ff6b35;box-shadow:4px 4px #1e293b}.pricing-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#ff6b35;color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700;border:2px solid #1E293B}.pricing-header h4{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:12px}.price{font-size:32px;font-weight:900;color:#1e293b;margin-bottom:4px}.price span{font-size:16px;font-weight:600;color:#6b7280}.price-local{font-size:14px;color:#6b7280;margin-bottom:8px}.savings{background:#10b981;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;display:inline-block}.tier-toggle{display:none}.pricing-cards-stacked{display:flex;flex-direction:column;gap:24px;margin-bottom:32px;max-width:100%}.pricing-card{background:#fff;border:2px solid #E5E7EB;border-radius:16px;padding:32px 28px;text-align:center;position:relative;box-shadow:0 4px 12px #00000014;transition:all .3s ease;display:flex;flex-direction:column;height:fit-content}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.pricing-card.featured{border-color:#ff6b35;background:#fff;box-shadow:0 4px 20px #ff6b3526}.pricing-card.free-tier{background:#fbfbfb;border-color:#e8e8e8}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff6b35,#ff8c5a);color:#fff;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:800;border:2px solid #FFFFFF;text-transform:uppercase;letter-spacing:.5px}.pricing-header h4{font-size:28px;font-weight:900;color:#1e293b;margin-bottom:20px;letter-spacing:-.5px}.price-main{margin-bottom:12px}.price{font-size:42px;font-weight:900;color:#1e293b;margin-bottom:6px;letter-spacing:-1px}.price span{font-size:18px;font-weight:600;color:#6b7280}.price-note{font-size:15px;color:#6b7280;font-weight:500;margin-bottom:8px}.price-comparison{font-size:15px;color:#ef4444;font-weight:600;background:#fee2e2;padding:6px 14px;border-radius:8px;display:inline-block;margin-top:8px}.feature-list{margin:28px 0;text-align:center;flex:1;padding:0 8px}.feature-item{display:block;margin-bottom:16px;padding:14px 16px;font-size:16px;color:#1e293b;font-weight:500;line-height:1.5;border-bottom:1px solid #F3F4F6;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d}.feature-item:last-child{border-bottom:none;margin-bottom:0}.upgrade-btn{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;border:none;font-family:inherit;margin-top:auto}.free-btn{background:#fff;color:#1e293b;border:2px solid #1E293B;box-shadow:2px 2px #1e293b}.free-btn:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #1e293b;background:#f3f4f6}.pro-btn{background:#ff6b35;color:#fff;border:3px solid #1E293B;box-shadow:4px 4px #1e293b}.pro-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #1e293b}.pricing-cards{display:none}@media(min-width:768px){.pricing-cards-stacked{flex-direction:row;justify-content:center;align-items:stretch;gap:32px;max-width:900px;margin-left:auto;margin-right:auto}.pricing-card{flex:1;min-width:0;max-width:420px;padding:36px 32px}.pricing-card.free-tier,.pricing-card.pro-tier{display:flex;flex-direction:column;min-height:580px}.feature-list{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:0 12px}.feature-item{font-size:16px;padding:16px 20px;margin-bottom:12px}}@media(max-width:767px){.pricing-cards-stacked{max-width:100%;gap:20px}.pricing-card{padding:28px 24px;min-height:auto}.pricing-header h4{font-size:24px}.price{font-size:36px}.feature-list{padding:0 4px}.feature-item{font-size:15px;padding:12px 14px;margin-bottom:12px}.upgrade-btn{padding:14px 20px;font-size:15px}}@media(max-width:480px){.pricing-card{padding:24px 20px}.pricing-header h4{font-size:22px}.price{font-size:32px}.price span{font-size:16px}.feature-list{padding:0 2px}.feature-item{font-size:14px;padding:10px 12px;margin-bottom:10px}.upgrade-btn{padding:12px 16px;font-size:14px}}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.mode-option{position:relative}.mode-option input[type=radio]{display:none}.mode-option label{display:block;padding:20px 16px;background:#fff;border:3px solid #E5E7EB;border-radius:16px;cursor:pointer;text-align:center;transition:all .2s;font-weight:700;font-size:15px;margin:0;color:#1e293b}.mode-option input[type=radio]:checked+label{background:#ff6b35;color:#fff;border-color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.mode-option label:hover{border-color:#ff6b35;transform:translateY(-1px)}.style-options{display:none}@media(max-width:640px){.mode-options{grid-template-columns:1fr;gap:10px}.mode-option label{padding:18px 14px;font-size:14px}}.card.success{background:#f1fef2;border:3px solid #1E293B;border-radius:20px;padding:24px;margin-bottom:20px;box-shadow:4px 4px #1e293b;position:relative}.card-title{font-size:18px;font-weight:800;color:#1e293b;margin-bottom:8px;display:flex;align-items:center;gap:8px}.card-message{color:#6b7280;font-size:15px;line-height:1.6;margin-bottom:0}.card-suggestions{margin-top:16px;padding-top:16px;border-top:2px solid #E5E7EB}.card-suggestions strong{display:block;color:#1e293b;font-size:16px;font-weight:700;margin-bottom:12px}.card-suggestions ul{margin:0;padding-left:0;list-style-type:none}.card-suggestions li{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:8px;padding-left:20px;position:relative}.card-suggestions li:before{content:"→";color:#ff6b35;font-weight:700;position:absolute;left:0}.style-filter{display:flex;align-items:center;gap:8px}.style-filter select{padding:8px 12px;border:2px solid #1E293B;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;color:#1e293b}.style-filter select:focus{outline:none;box-shadow:0 0 0 3px #ff6b3533;border-color:#ff6b35}.style-filter select:hover{border-color:#ff6b35}@media(max-width:640px){.style-filter select{padding:6px 10px;font-size:13px}.versions-section>div{flex-direction:column;align-items:flex-start;gap:12px}.style-filter{align-self:flex-end}}.card-err{margin-top:24px;margin-bottom:24px;padding:16px;background:#ffebeb;border:2px solid #ea1b18;border-radius:12px;text-align:center}.card-suc{margin-top:24px;margin-bottom:24px;padding:16px;background:#e3ffe4;border:2px solid #008c02;border-radius:12px;text-align:center}.billing-toggle-container{display:flex;justify-content:center;margin:2rem 0 3rem}.billing-toggle{display:flex;background:#f8f9fa;border-radius:12px;padding:4px;position:relative;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.toggle-option{padding:12px 24px;border:none;background:transparent;color:#6c757d;font-weight:500;font-size:14px;cursor:pointer;border-radius:8px;transition:all .3s ease;position:relative;z-index:1;min-width:120px;text-align:center}.toggle-option.active{color:#fff;background:#ff6b35;box-shadow:0 2px 8px #ff6b354d}.toggle-option:not(.active):hover{color:#495057;background:#ff6b351a}@media(max-width:480px){.billing-toggle{padding:3px}.toggle-option{padding:10px 16px;min-width:100px;font-size:13px}}.billing-savings{color:#009865;font-weight:600;font-size:.9rem}.desktop-user-info{display:flex;align-items:center;gap:12px;margin-right:16px}.desktop-user-email{font-size:14px;color:#6b7280;font-weight:500}.desktop-pro-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.desktop-free-badge{background:#6b7280;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}@media(max-width:768px){.desktop-user-info{display:none}}.online-counter-wrapper{display:flex;align-items:center;gap:12px;margin-right:16px}.nav-right{display:flex;align-items:center;gap:16px}.error-text{background:#ffcdd2;color:#c62828;padding:2px 4px;border-radius:3px;text-decoration:line-through;font-weight:500}.corrected-text{color:#2e7d32;font-weight:700;padding:2px 4px;background:#e8f5e9;border-radius:3px}.mini-copy-btn{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;font:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:4px}.mini-copy-btn:hover{background:#45a049;transform:translateY(-2px)}.mini-copy-btn.copied{background:#2196f3!important}.occurrences>div{position:relative}