:root{--color-bg: #f9fafb;--color-surface: #ffffff;--color-surface-muted: #f8fafc;--color-border-subtle: #e2e8f0;--color-primary: #22c55e;--color-primary-soft: #bbf7d0;--color-primary-strong: #15803d;--color-accent: #4f46e5;--color-danger: #ef4444;--color-text-main: #0f172a;--color-text-muted: #64748b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .12);--shadow-subtle: 0 2px 8px rgba(15, 23, 42, .06);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out}html,body{margin:0;padding:0}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text-main)}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4{margin:0;color:var(--color-text-main)}p{margin:0;color:var(--color-text-muted)}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.page-section{padding:3rem 1.5rem}.page-section--muted{background:var(--color-surface-muted)}.container{max-width:1120px;margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:1.75rem 1.5rem;box-shadow:var(--shadow-subtle);border:1px solid var(--color-border-subtle)}.card--elevated{box-shadow:var(--shadow-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1.4rem;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--color-text-main);font-size:.95rem;font-weight:600;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.btn-lg{padding:.85rem 1.9rem;font-size:1rem}.btn-sm{padding:.4rem .9rem;font-size:.82rem}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 12px 30px #22c55e59}.btn-primary:hover{background:var(--color-primary-strong);border-color:var(--color-primary-strong);transform:translateY(-1px)}.btn-secondary{background:#0f172a;border-color:#0f172a;color:#fff}.btn-secondary:hover{background:#020617;border-color:#020617;transform:translateY(-1px)}.btn-ghost{background:#0f172a0a;border-color:#0f172a14;color:var(--color-text-main)}.btn-ghost:hover{background:#0f172a14}.btn-outline{background:transparent;border-color:var(--color-border-subtle);color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-text-main);background:#0f172a05}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn[disabled],.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.field-label{display:block;margin-bottom:.35rem;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.field-input,input[type=text],input[type=email],input[type=password],textarea,select{font-family:inherit;font-size:.95rem;padding:.65rem .75rem;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#fff;color:var(--color-text-main);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.field-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #22c55e2e}.field-hint{margin-top:.25rem;font-size:.8rem;color:var(--color-text-muted)}.field-error{margin-top:.25rem;font-size:.8rem;color:var(--color-danger)}.chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.2rem .7rem;font-size:.78rem;font-weight:500;background:#0f172a0a;color:var(--color-text-muted)}.chip--success{background:#dcfce7;color:#15803d}.chip--accent{background:#eef2ff;color:var(--color-accent)}.stack-sm>*+*{margin-top:.5rem}.stack-md>*+*{margin-top:.9rem}.stack-lg>*+*{margin-top:1.3rem}.app-footer{padding:.9rem 1.5rem;text-align:center;font-size:.85rem;color:var(--color-text-muted);background:#f8fafc;border-top:1px solid var(--color-border-subtle)}.inboxlint-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2.5rem 0;min-height:72px;box-sizing:border-box;background:#caffae}.inboxlint-logo{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-2px;display:flex;align-items:center;cursor:pointer}.inboxlint-nav{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--color-text-main);font-size:1rem;text-decoration:none;font-weight:500}.nav-caret{font-size:.8em;margin-left:2px}.nav-item-dropdown{position:relative;cursor:pointer;padding:.4rem 0}.nav-item-dropdown:hover .dropdown-menu{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-menu{display:none;position:absolute;top:100%;left:-1.25rem;background:#fff;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a;width:320px;padding:.5rem;z-index:40;opacity:0;transform:translateY(10px);transition:all var(--transition-normal);pointer-events:none}.dropdown-item{display:flex;gap:.75rem;padding:.75rem;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background:#f1f5f9}.dropdown-icon{font-size:1.4rem}.dropdown-content{display:flex;flex-direction:column;gap:.15rem}.dropdown-title{font-weight:600;color:var(--color-text-main);font-size:.95rem}.dropdown-desc{font-size:.8rem;color:var(--color-text-muted);line-height:1.35}.inboxlint-actions{display:flex;align-items:center;gap:1rem}.account-link{color:var(--color-text-main);text-decoration:underline;font-weight:500}.demo-btn{border-radius:var(--radius-pill);padding:.45rem 1.3rem;border:1px solid var(--color-text-main);background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.demo-btn:hover{background:#eaffd0;box-shadow:var(--shadow-subtle);transform:translateY(-1px)}@media(max-width:900px){.inboxlint-header{flex-direction:column;align-items:stretch;padding:1rem 1rem 0}.inboxlint-actions{justify-content:flex-end;margin-top:.5rem}}