:root{
  --background:240 20% 4%;
  --foreground:220 20% 95%;
  --card:240 15% 8%;
  --secondary:240 15% 15%;
  --muted:240 10% 14%;
  --muted-foreground:220 10% 55%;
  --border:240 10% 18%;
  --primary:239 84% 67%;
  --primary-2:280 80% 65%;
  --green:#22c55e;
  --red:#ef4444;
  --radius:18px;
  --shadow:0 28px 80px rgba(0,0,0,.45);
  --glow:0 0 40px -10px hsl(var(--primary)/.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% 12%,hsl(var(--primary)/.14),transparent 26rem),radial-gradient(circle at 12% 68%,rgba(139,92,246,.12),transparent 25rem),hsl(var(--background));color:hsl(var(--foreground));font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}
body,input,button,textarea,select{font:inherit}
button{cursor:pointer}a{text-decoration:none;color:inherit}.hide{display:none!important}.container{width:min(1120px,calc(100% - 32px));margin-inline:auto}.bg-grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 85%,transparent)}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;margin:0}.glass-card{background:hsl(var(--card)/.62);border:1px solid hsl(var(--border)/.55);border-radius:var(--radius);backdrop-filter:blur(22px)}.gradient-text{background:linear-gradient(90deg,hsl(var(--primary)),hsl(var(--primary-2)));-webkit-background-clip:text;background-clip:text;color:transparent}.fade-in{animation:fadeIn .7s ease both}.delay{animation-delay:.18s}@keyframes fadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Landing */
.landing-page{min-height:100vh;padding-bottom:56px}.landing-nav{position:sticky;top:0;z-index:10;height:64px;border-top:0;border-radius:0 0 16px 16px;width:min(1120px,100%);margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 16px}.tm-brand{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px}.tm-brand.small{font-size:16px}.mail-icon{width:28px;height:28px;display:grid;place-items:center;color:hsl(var(--primary))}.tm-brand.small .mail-icon{width:22px;height:22px}.mail-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.nav-spacer{flex:1}.nav-link{font-size:14px;font-weight:600;color:hsl(var(--foreground)/.88);padding:9px 10px;border-radius:10px}.nav-link:hover{background:hsl(var(--secondary)/.7)}.nav-cta,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:hsl(var(--primary));color:white;border-radius:12px;padding:10px 16px;font-weight:700;box-shadow:var(--glow);border:1px solid hsl(var(--primary)/.25)}.nav-cta{font-size:14px}.secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));border-radius:12px;padding:10px 16px;font-weight:700}.full{width:100%}.hero-shell{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:calc(100vh - 64px);padding:56px 0 32px}.hero-copy{max-width:540px}.hero-pill{display:inline-flex;align-items:center;gap:8px;color:hsl(var(--primary));background:hsl(var(--primary)/.10);border:1px solid hsl(var(--primary)/.22);border-radius:999px;padding:6px 12px;font-size:14px;margin-bottom:22px}.hero-pill svg{width:15px;height:15px;fill:currentColor}.hero-copy h1{font-size:clamp(42px,6vw,64px);line-height:1.04;letter-spacing:-.045em;margin-bottom:20px}.hero-copy p{max-width:460px;color:hsl(var(--muted-foreground));font-size:18px;line-height:1.7;margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .primary-action,.hero-actions .secondary-action{font-size:16px;padding:13px 22px}.inbox-preview-card{padding:24px;box-shadow:var(--glow),var(--shadow)}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid hsl(var(--border)/.72);padding-bottom:16px;margin-bottom:16px}.preview-head>div{display:flex;align-items:center;gap:9px}.tray-icon{width:22px;height:22px;color:hsl(var(--primary));display:inline-grid}.tray-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.active-clock{display:inline-flex;align-items:center;gap:8px;color:hsl(var(--muted-foreground));font-size:12px;white-space:nowrap}.active-clock i{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 12px var(--green);animation:pulse 1.7s infinite}@keyframes pulse{50%{opacity:.45}}.preview-address{font-family:'Space Grotesk',monospace;background:hsl(var(--secondary)/.5);border-radius:10px;padding:10px 12px;color:hsl(var(--muted-foreground));font-size:14px;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis}.preview-mail{display:flex;gap:12px;padding:12px;border-radius:12px;margin-top:8px;transition:.2s}.preview-mail.unread{background:hsl(var(--primary)/.06);border:1px solid hsl(var(--primary)/.12)}.preview-mail:hover{background:hsl(var(--secondary)/.28)}.unread-dot,.read-dot{width:8px;height:8px;border-radius:99px;margin-top:8px;flex:0 0 auto}.unread-dot{background:hsl(var(--primary))}.read-dot{background:hsl(var(--muted-foreground)/.35)}.preview-mail-top{display:flex;gap:8px;justify-content:space-between;min-width:0}.preview-mail-top b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-mail-top span,.preview-mail p{color:hsl(var(--muted-foreground));font-size:13px}.preview-mail p{margin:3px 0 0}.section-title{text-align:center;margin:0 auto 34px}.section-title h2{font-size:32px;letter-spacing:-.03em}.section-title p{color:hsl(var(--muted-foreground));margin:8px 0 0}.feature-section,.pricing-section{padding:68px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:24px;transition:.2s}.feature-card:hover{border-color:hsl(var(--primary)/.35);transform:translateY(-2px)}.feature-card span{width:40px;height:40px;border-radius:10px;background:hsl(var(--primary)/.1);display:grid;place-items:center;margin-bottom:14px}.feature-card h3{font-size:17px}.feature-card p{color:hsl(var(--muted-foreground));font-size:14px;line-height:1.6}.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,320px));justify-content:center;gap:22px}.price-card{position:relative;padding:28px}.price-card.featured{border-color:hsl(var(--primary)/.38);box-shadow:var(--glow)}.popular-badge{position:absolute;top:-13px;left:24px;background:hsl(var(--primary));color:white;font-size:12px;font-weight:700;border-radius:999px;padding:5px 12px}.price-card h3{font-size:20px}.price-card strong{display:block;font-family:'Space Grotesk';font-size:32px;margin:14px 0}.price-card small{font-size:14px;color:hsl(var(--muted-foreground));font-weight:500}.price-card ul{list-style:none;padding:0;margin:0 0 20px;color:hsl(var(--muted-foreground));display:grid;gap:9px;font-size:14px}.landing-footer{border-top:1px solid hsl(var(--border)/.55);padding-top:26px;display:flex;align-items:center;justify-content:space-between;color:hsl(var(--muted-foreground));font-size:14px}

/* Auth */
.auth-page{min-height:100vh;display:grid;place-items:center;padding:34px 16px}.auth-container{width:min(100%,430px);text-align:center}.auth-brand{justify-content:center;margin-bottom:30px}.auth-brand .mail-icon{width:34px;height:34px}.auth-brand span:last-child{font-size:26px}.auth-container h1{font-size:28px;margin-bottom:8px}.auth-container>p{color:hsl(var(--muted-foreground));margin:0 0 22px}.auth-card{padding:24px;text-align:left;display:grid;gap:16px}.auth-card label,.form-panel label{display:grid;gap:8px;color:hsl(var(--foreground));font-weight:600;font-size:14px}.auth-card input,.form-panel input,.form-panel textarea,.form-panel select{width:100%;background:hsl(var(--background)/.78);border:1px solid hsl(var(--border));color:hsl(var(--foreground));border-radius:10px;padding:11px 12px;outline:none}.auth-card input:focus,.form-panel input:focus,.form-panel textarea:focus,.form-panel select:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.12)}.auth-card button[type=submit],.form-panel button,.accent-small{border:0;border-radius:10px;background:hsl(var(--primary));color:#fff;font-weight:700;padding:12px;box-shadow:var(--glow)}.or-line{display:flex;align-items:center;gap:12px;color:hsl(var(--muted-foreground));font-size:12px;text-transform:uppercase}.or-line:before,.or-line:after{content:"";height:1px;background:hsl(var(--border));flex:1}.or-line span{background:hsl(var(--card));padding:0 4px}.google-button{border:1px solid hsl(var(--border))!important;background:transparent!important;color:hsl(var(--foreground))!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;gap:9px}.google-button span{font-weight:800;color:#ea4335}.switch-auth{font-size:14px}.switch-auth a{color:hsl(var(--primary));font-weight:700}.back-home{display:inline-flex;margin-top:12px;color:hsl(var(--muted-foreground));font-size:14px}.back-home:hover{color:hsl(var(--foreground))}

/* Dashboard */
.dashboard-page{min-height:100vh;display:flex;flex-direction:column}.dashboard-topbar{height:56px;border-radius:0;border-left:0;border-right:0;border-top:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.topbar-actions{display:flex;gap:8px}.ghost-small,.side-link{border:0;background:transparent;color:hsl(var(--foreground));font-weight:600;border-radius:10px;padding:9px 11px}.ghost-small:hover,.side-link:hover,.side-link.active{background:hsl(var(--secondary)/.55)}.dashboard-shell{min-height:calc(100vh - 56px);display:flex;overflow:hidden}.email-sidebar{width:280px;border-right:1px solid hsl(var(--border)/.6);padding:12px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.side-generate{border:0;border-radius:10px;background:hsl(var(--primary));color:#fff;padding:11px 12px;font-weight:700;box-shadow:var(--glow)}.sidebar-title,.mini-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-foreground));font-weight:800}.mailbox-stack{display:grid;gap:8px;overflow:auto;max-height:35vh}.side-nav{display:grid;gap:6px;margin-top:auto}.side-link{text-align:left;display:block;width:100%}.app-main{flex:1;padding:16px;overflow:auto}.address-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:16px}.address-card code{display:block;font-family:'Space Grotesk',monospace;font-size:15px;margin-top:5px;word-break:break-all}.address-actions{display:flex;gap:8px}.address-actions button{border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));border-radius:10px;padding:8px 10px;font-weight:700}.board-view{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.board-column{padding:12px;min-height:280px}.column-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px}.column-head b{background:hsl(var(--secondary));border-radius:8px;padding:2px 8px;font-size:12px}.kanban-list,.wide-list{display:grid;gap:10px}.kanban-card{width:100%;text-align:left;border:1px solid hsl(var(--border)/.7);background:hsl(var(--secondary)/.35);color:hsl(var(--foreground));border-radius:14px;padding:12px;transition:.18s}.kanban-card:hover,.kanban-card.selected{border-color:hsl(var(--primary)/.55);background:hsl(var(--primary)/.08)}.kanban-card.unread{background:hsl(var(--primary)/.06)}.card-top{display:flex;justify-content:space-between;gap:8px}.card-title{font-weight:800;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-preview{color:hsl(var(--muted-foreground));font-size:13px;line-height:1.45;margin-top:7px}.card-meta{display:flex;align-items:center;justify-content:space-between;color:hsl(var(--muted-foreground));font-size:12px;margin-top:10px}.avatar-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:hsl(var(--primary));margin-right:5px}.badge{border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800}.badge.code,.badge.unread{background:hsl(var(--primary)/.15);color:hsl(var(--primary))}.badge.promo{background:rgba(245,158,11,.14);color:#f59e0b}.badge.read{background:rgba(34,197,94,.14);color:var(--green)}.empty-state{color:hsl(var(--muted-foreground));font-size:13px;padding:16px;text-align:center}.reader{margin-top:14px;padding:18px}.reader h3{font-size:20px}.reader p{color:hsl(var(--muted-foreground))}.reader-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid hsl(var(--border));padding-bottom:12px;margin-bottom:12px}.mail-meta{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;color:hsl(var(--muted-foreground));font-size:13px}.mail-meta b{color:hsl(var(--foreground))}.mail-body{margin-top:16px;line-height:1.7;white-space:normal}.html-preview{margin-top:16px}.html-preview iframe{width:100%;min-height:220px;border:1px solid hsl(var(--border));border-radius:12px;background:white}.view-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:8px 0 16px}.view-head h2{font-size:26px}.stats,.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.payment-grid{grid-template-columns:repeat(2,1fr)}.statbox,.form-panel{border:1px solid hsl(var(--border)/.6);background:hsl(var(--card)/.62);border-radius:16px;padding:16px}.statbox span{color:hsl(var(--muted-foreground));font-size:12px}.statbox b{display:block;font-family:'Space Grotesk';font-size:24px;margin-top:4px}.form-panel{display:grid;gap:14px}.form-panel h3{font-size:20px}.form-panel p{color:hsl(var(--muted-foreground));margin:0}.form-panel textarea{min-height:130px;resize:vertical}.balance-chip,.price{font-family:'Space Grotesk';font-weight:800;background:hsl(var(--primary)/.12);color:hsl(var(--primary));border-radius:12px;padding:10px 12px}.mobile-tabs{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:hsl(var(--foreground));color:hsl(var(--background));padding:12px 16px;border-radius:12px;font-weight:700;opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:900px){.hero-shell{grid-template-columns:1fr;min-height:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.dashboard-shell{flex-direction:column;overflow:visible}.email-sidebar{width:100%;border-right:0;border-bottom:1px solid hsl(var(--border));}.mailbox-stack{max-height:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.side-nav{grid-template-columns:repeat(5,auto);overflow:auto;margin-top:0}.app-main{overflow:visible}.board-view{grid-template-columns:1fr}.stats,.payment-grid{grid-template-columns:1fr}.mobile-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.mobile-tabs button{border:1px solid hsl(var(--border));background:transparent;color:hsl(var(--foreground));border-radius:10px;padding:8px 10px}.mobile-tabs button.active{background:hsl(var(--primary));border-color:hsl(var(--primary));color:white}}
@media (max-width:640px){.landing-nav{gap:8px;padding:0 10px}.nav-link{display:none}.nav-cta{padding:9px 11px}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.price-grid,.feature-grid{grid-template-columns:1fr}.preview-head{align-items:flex-start;flex-direction:column}.landing-footer{flex-direction:column;align-items:flex-start}.address-card,.view-head{align-items:flex-start;flex-direction:column}.topbar-actions .ghost-small{font-size:0}.topbar-actions .ghost-small::first-letter{font-size:14px}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}