:root{--bg-body:radial-gradient(circle at top, #1f2937 0%, #020617 45%, #020617 100%);--bg-header:#0f172ae6;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-muted:#cbd5f5;--accent-from:#6366f1;--accent-to:#4f46e5;--card-bg:#0f172afa;--card-border:#94a3b859;--input-bg:#0f172af2;--input-border:#94a3b880;--section-border:#94a3b840;--footer-bg:#020617;--btn-secondary-bg:transparent;--btn-secondary-border:#94a3b8b3;--btn-secondary-text:#e5e7eb;--feature-card-bg:radial-gradient(circle at top left, #1e40af73, #0f172afa);--shadow-color:#0f172ae6}[data-theme=light]{--bg-body:linear-gradient(180deg, #f8fafc 0%, #e2e8f0 50%, #cbd5e1 100%);--bg-header:#f8fafcf2;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#334155;--accent-from:#6366f1;--accent-to:#4f46e5;--card-bg:#fffffffa;--card-border:#94a3b880;--input-bg:#fffffff2;--input-border:#64748b80;--section-border:#94a3b859;--footer-bg:#0f172a;--btn-secondary-bg:transparent;--btn-secondary-border:#475569b3;--btn-secondary-text:#0f172a;--feature-card-bg:linear-gradient(135deg, #fffffff2 0%, #f1f5f9fa 100%);--shadow-color:#0f172a26}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{z-index:1000;background:var(--bg-header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:100%;box-shadow:0 1px 0 var(--card-border);padding:12px 0;animation:.5s slideDown;position:fixed;top:0}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}nav{justify-content:space-between;align-items:center;display:flex}.logo{letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:10px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo span{color:var(--accent-to)}.logo .brand-mark{font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;white-space:nowrap}.logo .brand-mark em{color:var(--accent-to);font-style:normal}.nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--btn-secondary-border);background:var(--btn-secondary-bg);width:42px;height:42px;color:var(--text-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:18px;transition:all .25s;display:flex}.theme-toggle:hover{background:#94a3b826}.btn{cursor:pointer;letter-spacing:.02em;border:none;border-radius:999px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);color:#f9fafb;box-shadow:0 18px 45px var(--shadow-color)}.btn-primary:hover{box-shadow:0 22px 55px var(--shadow-color);filter:brightness(1.05);transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:#94a3b81f;transform:translateY(-1px)}.btn-disabled,.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:100px 20px 60px;animation:.8s fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-logo{flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;display:flex}.hero-logo .app-brand-img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%}.hero h1{letter-spacing:-.03em;margin-bottom:12px;font-size:48px;font-weight:800;line-height:1.1}.hero .tagline{color:var(--text-secondary);max-width:520px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px}.shorten-card{background:var(--card-bg);max-width:620px;box-shadow:0 30px 80px var(--shadow-color);border:1px solid var(--card-border);border-radius:24px;margin:0 auto;padding:40px 36px;animation:.8s .2s backwards fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.shorten-form{flex-direction:column;gap:16px;display:flex}.shorten-form input[type=url]{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:16px 20px;font-size:16px;transition:border-color .2s}.shorten-form input[type=url]::placeholder{color:var(--text-secondary)}.shorten-form input[type=url]:focus{border-color:var(--accent-to);box-shadow:0 0 0 3px #4f46e533}.shorten-form .btn-submit{background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);color:#f9fafb;cursor:pointer;letter-spacing:.04em;border:none;border-radius:14px;width:100%;padding:16px;font-size:17px;font-weight:600;transition:all .25s}.shorten-form .btn-submit:hover{box-shadow:0 18px 45px var(--shadow-color);filter:brightness(1.05);transform:translateY(-1px)}.short-url-result{text-align:left;background:0 0;border-radius:16px;margin-top:24px;padding:0;display:none;overflow:hidden}.short-url-result.visible{animation:.4s cubic-bezier(.22,1,.36,1) forwards shortUrlReveal;display:block}@keyframes shortUrlReveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.short-url-result .result-inner{background:linear-gradient(135deg,#6366f114 0%,#4f46e50d 100%);border:1px solid #6366f159;border-radius:16px;padding:20px 24px;box-shadow:0 4px 24px #0f172a66}[data-theme=light] .short-url-result .result-inner{background:linear-gradient(135deg,#6366f10f 0%,#4f46e50a 100%);border-color:#6366f166;box-shadow:0 4px 20px #0f172a14}.short-url-result label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:11px;font-weight:600;display:block}.short-url-result .url-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.short-url-result a{background:var(--input-bg);border:1px solid var(--card-border);min-width:0;color:var(--accent-to);word-break:break-all;border-radius:10px;flex:1;padding:12px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s}.short-url-result a:hover{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126}.short-url-result .copy-btn{border:1px solid var(--accent-to);background:linear-gradient(135deg, var(--accent-from) 0%, var(--accent-to) 100%);color:#fff;cursor:pointer;border-radius:10px;flex-shrink:0;padding:12px 20px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s}.short-url-result .copy-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}section.section{border-top:1px solid var(--section-border);padding:80px 0}section.section h2{text-align:center;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:40px;font-size:36px;font-weight:800}.how-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}.how-step{text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;padding:28px 24px}.how-step .num{background:linear-gradient(135deg, var(--accent-from), var(--accent-to));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:18px;font-weight:800;display:flex}.how-step h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.how-step p{color:var(--text-secondary);font-size:14px;line-height:1.6}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.feature-card{background:var(--feature-card-bg);border:1px solid var(--card-border);box-shadow:0 24px 70px var(--shadow-color);border-radius:20px;padding:32px 28px;transition:all .3s}.feature-card:hover{border-color:#bfdbfe99;transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:36px}.feature-card h3{color:var(--text-primary);margin-bottom:10px;font-size:20px;font-weight:700}.feature-card p{color:var(--text-muted);font-size:15px;line-height:1.7}#pricing .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:0 auto;display:grid}#pricing .pricing-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:center;border-radius:20px;padding:36px 32px}#pricing .pricing-card.featured{border-color:var(--accent-to);box-shadow:0 0 0 2px #4f46e54d}#pricing .pricing-card h3{color:var(--text-primary);margin-bottom:8px;font-size:22px}#pricing .pricing-card .price{color:var(--accent-to);margin-bottom:20px;font-size:36px;font-weight:800}#pricing .pricing-card ul{text-align:left;color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:2;list-style:none}#pricing .pricing-more-link{text-align:center;margin-top:28px}#pricing .pricing-more-link a{color:var(--accent-to);font-weight:600;text-decoration:none}#pricing .pricing-more-link a:hover{text-decoration:underline}.pricing-page{min-height:calc(100vh - 80px);padding-top:72px}.pricing-hero{text-align:center;padding:56px 0 32px}.pricing-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-to);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.pricing-hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.pricing-hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.6}.pricing-plans{padding:48px 0 64px}.pricing-page .pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:28px;max-width:880px;margin:0 auto;display:grid}.pricing-page .pricing-card{background:var(--card-bg);border:1px solid var(--card-border);text-align:left;border-radius:16px;flex-direction:column;padding:32px 28px 28px;display:flex}.pricing-page .pricing-card--featured{border-color:var(--accent-to);box-shadow:0 0 0 2px #4f46e54d}.pricing-card-header h2{color:var(--text-primary);margin:0 0 6px;font-size:1.35rem;font-weight:700}.pricing-card-tagline{color:var(--text-secondary);margin:0 0 20px;font-size:.95rem;line-height:1.5}.pricing-price{margin-bottom:24px}.pricing-price-amount{color:var(--accent-to);font-size:2.5rem;font-weight:800;line-height:1.1}.pricing-price-period{color:var(--text-secondary);margin-top:4px;font-size:.95rem;display:block}.pricing-features{flex:1;margin:0 0 28px;padding:0;list-style:none}.pricing-features li{color:var(--text-secondary);margin-bottom:12px;padding-left:1.25rem;font-size:.95rem;line-height:1.5;position:relative}.pricing-features li:before{content:"✓";color:var(--accent-to);font-weight:700;position:absolute;left:0}.pricing-card-cta{text-align:center;width:100%;margin-top:auto;text-decoration:none;display:block}.pricing-card-cta:disabled,.pricing-card-cta.btn-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}@media (max-width:768px){.pricing-hero{padding:40px 0 24px}.pricing-plans{padding:32px 0 48px}}.contact-inner{text-align:center;max-width:fit-content;margin:0 auto}.contact-inner p{color:var(--text-secondary);white-space:nowrap;margin-bottom:24px;font-size:16px}@media (max-width:640px){.contact-inner p{white-space:normal}}.contact-inner a{color:var(--accent-to);font-weight:600}.login-cta{text-align:center;padding:60px 0}.login-cta h2{margin-bottom:16px}.login-cta p{color:var(--text-secondary);margin-bottom:28px;font-size:18px}.login-cta .cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}footer{background:var(--footer-bg);color:#9ca3af;text-align:center;border-top:1px solid var(--section-border);padding:32px 0}footer p{opacity:.9;font-size:14px}@media (max-width:768px){.hero h1{font-size:32px}.hero .tagline{font-size:16px}.shorten-card{padding:28px 20px}.nav-right{flex-wrap:wrap;justify-content:flex-end;gap:8px}.btn{padding:8px 16px;font-size:14px}.theme-toggle{width:38px;height:38px;font-size:16px}section.section h2{font-size:28px}.shorten-form{flex-direction:column}}.nav-text-link{color:var(--text-secondary);font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-text-link:hover{color:var(--accent-to)}.legal-page,.support-page{min-height:calc(100vh - 80px);padding-top:72px}.legal-hero,.support-hero{text-align:center;padding:56px 0 32px}.legal-eyebrow,.support-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-to);margin-bottom:12px;font-size:.8rem;font-weight:600;display:inline-block}.legal-hero h1,.support-hero h1{margin-bottom:16px;font-size:clamp(2rem,5vw,2.75rem);font-weight:700;line-height:1.15}.legal-hero-subtitle,.support-hero-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.15rem);line-height:1.6}.legal-meta{color:var(--text-secondary);margin-top:12px;font-size:.875rem}.section-alt{background:#94a3b80f}.legal-body,.support-body{padding:48px 0 64px}.legal-container,.support-container{max-width:720px;margin:0 auto}.legal-prose{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:32px 28px}.legal-prose h2{margin:28px 0 12px;font-size:1.15rem;font-weight:600}.legal-prose h2:first-child{margin-top:0}.legal-prose p,.legal-prose li{color:inherit;font-size:.95rem;line-height:1.65}.legal-prose p{margin:0 0 14px}.legal-prose ul,.legal-prose ol{margin:0 0 14px;padding-left:1.35rem}.legal-prose li{margin-bottom:8px}.legal-prose a{color:var(--accent-to);text-underline-offset:2px;text-decoration:underline}.legal-prose a:hover{color:var(--accent-from)}.legal-nav-links{border-top:1px solid var(--card-border);flex-wrap:wrap;gap:12px 20px;margin-top:28px;padding-top:24px;font-size:.9rem;display:flex}.legal-nav-links a{color:var(--accent-to);text-decoration:none}.legal-nav-links a:hover{text-decoration:underline}.support-grid{gap:20px;display:grid}.support-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:28px 24px}.support-card h2{margin-bottom:10px;font-size:1.15rem;font-weight:600}.support-card p{color:var(--text-secondary);margin:0 0 16px;font-size:.95rem;line-height:1.6}.support-card p:last-child{margin-bottom:0}.support-card ul{color:var(--text-secondary);margin:0;padding-left:1.25rem;font-size:.95rem;line-height:1.6}.support-card li{margin-bottom:6px}.support-actions{flex-wrap:wrap;gap:10px;display:flex}.cta-band{border-top:1px solid var(--section-border);text-align:center;background:#94a3b814;padding:64px 0}.cta-band h2{margin-bottom:16px;font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.cta-band p{color:var(--text-secondary);max-width:480px;margin-bottom:28px;margin-left:auto;margin-right:auto;font-size:1.05rem}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;margin-bottom:16px;display:flex}.footer-links a{color:var(--text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--accent-to)}.footer-links--legal{flex-wrap:wrap;justify-content:center;gap:8px 16px}@media (max-width:768px){.legal-hero,.support-hero{padding:40px 0 24px}.legal-body,.support-body{padding:32px 0 48px}.legal-prose{padding:24px 20px}.support-actions{flex-direction:column}.support-actions .btn{width:100%}.nav-text-link{display:none}}