body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}:root{--ink: #071522;--canvas: #fefdf9;--slate: #586067;--slate-light: #b4bcbf;--accent: #1b91d4;--accent-muted: #297ca5;--border: #d8dee3;--shell: #fbe7cb;--shadow-sm: 0 1px 3px rgba(7, 21, 34, .1);--shadow-md: 0 6px 20px rgba(7, 21, 34, .12)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:80px 24px 120px;display:flex;flex-direction:column;align-items:center}header{margin-bottom:80px;width:100%;max-width:900px}.logo-panel{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#1b91d42e,#297ca51f);border:1px solid rgba(41,124,165,.25);border-radius:18px;box-shadow:0 10px 22px #07152214;margin-bottom:32px}.auth-buttons{display:flex;gap:12px;align-items:center;margin-left:auto}.logo-image{width:48px;height:48px;border-radius:8px;object-fit:cover}.logo-text{display:flex;flex-direction:column;gap:2px}.logo{font-size:1.125rem;font-weight:600;color:var(--ink);line-height:1.2}.logo-tagline{font-size:.8125rem;color:var(--slate);font-weight:400;letter-spacing:.01em}.hero-copy{margin-top:32px;text-align:center}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:12px;letter-spacing:-.01em}.hero-subtitle{font-size:1.125rem;color:var(--slate);max-width:620px;margin:0 auto}.section{margin-bottom:64px;width:100%;max-width:900px}.section-label{font-size:.8125rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-muted);margin-bottom:32px;letter-spacing:.15em;text-align:center}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 32px;width:100%}.feature{padding:30px;border-radius:16px;background:#fefdf9;border:1px solid rgba(41,124,165,.12);box-shadow:0 10px 24px #0715220a;font-size:1.05rem;text-align:center}.feature-title{font-size:1.0625rem;font-weight:600;margin-bottom:8px;color:#1b91d4bf}.feature-desc{font-size:.9375rem;color:var(--slate);line-height:1.6}.feature-image{width:100%;margin:16px 0 12px;border-radius:8px;border:1px solid rgba(41,124,165,.4);box-shadow:0 8px 18px #0726421f}.feature-image-desc{font-size:.8125rem;color:#297ca5;line-height:1.5;margin-top:8px}.pricing-grid{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;align-items:stretch;width:100%}.pricing-card,.pricing-card--free{border:1px solid rgba(27,145,212,.15);border-radius:12px;padding:48px;background:#fefdf9;box-shadow:var(--shadow-md);flex:1;min-width:360px;max-width:420px;display:flex;flex-direction:column;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.9375rem;border:none;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn-signin{background:#10b981;color:#fff;border:1px solid #10b981}.btn-signin:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.btn-signup{background:#8b5cf6;color:#fff;border:1px solid #8b5cf6}.btn-signup:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-primary{background:var(--accent);color:#fefdf9;border:1px solid var(--accent)}.btn-primary:hover{background:var(--accent-muted);transform:translateY(-1px);box-shadow:0 4px 12px #1b91d44d}.btn-secondary{background:#1b91d41f;color:var(--accent);border:1px solid rgba(27,145,212,.28)}.btn-secondary:hover{background:#1b91d433}.btn-free{width:100%}.plan-name{font-size:.875rem;color:var(--slate-light);margin-bottom:8px;letter-spacing:.08em;text-transform:uppercase}.plan-price{font-size:2.5rem;font-weight:700;margin-bottom:8px;color:var(--accent)}.plan-price span{font-size:1.125rem;font-weight:400;color:var(--slate-light)}.plan-interval{font-size:.9375rem;color:var(--slate);margin-bottom:32px;padding-bottom:32px;border-bottom:1px solid rgba(7,38,66,.12)}.plan-title{font-size:1.5rem;font-weight:700;margin-bottom:8px}.benefits{list-style:none;margin-bottom:32px;text-align:left}.benefits li{padding:10px 0;color:var(--ink);font-size:.9375rem;display:flex;align-items:flex-start;gap:12px;justify-content:flex-start}.benefits li:before{content:"✓";color:var(--accent);font-weight:600;flex-shrink:0}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:6px;color:var(--ink)}.form-input,.form-select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:.9375rem;background:#fff;color:var(--ink);transition:border-color .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent-muted)}.btn-checkout{width:100%;padding:14px;margin-top:8px;background:var(--accent);color:#fefdf9;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn-checkout:hover{background:var(--accent-muted);transform:translateY(-2px);box-shadow:0 12px 24px #1b91d459}.status-msg{margin-top:16px;padding:12px 16px;background:#1b91d414;border:1px solid rgba(27,145,212,.26);border-radius:8px;font-size:.875rem;color:var(--accent-muted)}.divider{margin:80px 0;height:1px;background:#07264214;width:100%;max-width:900px}.footer{text-align:center;color:var(--slate-light);font-size:.875rem;padding-top:40px;border-top:1px solid rgba(7,38,66,.08);width:100%;max-width:900px}@media(max-width:768px){.logo-panel{flex-direction:column;align-items:center}.auth-buttons{margin-left:0;justify-content:center}.features{grid-template-columns:1fr;gap:32px}.pricing-grid{flex-direction:column}.pricing-card,.pricing-card--free{min-width:unset}.pricing-card{padding:32px 24px}.plan-price{font-size:2rem}}.extension-key-container{max-width:600px;margin:0 auto;text-align:center}.extension-key-container h3{font-size:1.5rem;margin-bottom:12px;color:var(--k-dark-blue)}.extension-key-desc{font-size:.95rem;color:var(--k-grey);margin-bottom:24px;line-height:1.5}.extension-key-display{margin-top:24px}.key-box{background:var(--k-bg);border:1px solid var(--k-border);border-radius:8px;padding:16px;margin-bottom:16px;overflow-x:auto}.key-box code{font-family:Courier New,monospace;font-size:.85rem;color:var(--k-dark);word-break:break-all}.key-instructions{margin-top:24px;text-align:left;background:var(--k-accent);border:1px solid var(--k-border);border-radius:8px;padding:20px}.key-instructions p{margin:0 0 12px;font-weight:600;color:var(--k-dark-blue)}.key-instructions ol{margin:0;padding-left:20px}.key-instructions li{margin-bottom:8px;font-size:.9rem;color:var(--k-dark);line-height:1.5}.error-msg{margin-top:16px;padding:12px;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;font-size:.9rem}