:root{--banna-bg:#0b1d3a;--banna-surface:#0f2648;--banna-surface-2:#14274a;--banna-border:rgba(140,170,220,.28);--banna-text:#eaf0fa;--banna-muted:#93a8c9;--banna-accent:#ff6b4a;--banna-accent-2:#ff8b72;--banna-gradient:linear-gradient(135deg,var(--banna-accent),var(--banna-accent-2));--banna-accent-soft:rgba(255,107,74,.14);--banna-danger:#ff6b6b;--banna-success:#34d399;--banna-shadow:0 12px 32px -12px rgba(4,10,24,.55);--banna-line:#5c8ac9;--banna-line-faint:rgba(92,138,201,.07);--banna-font-display:"Space Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--banna-font-body:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,sans-serif;--banna-font-mono:"IBM Plex Mono",ui-monospace,monospace;color-scheme:dark}:root[data-theme=light]{--banna-bg:#f7f3e8;--banna-surface:#fff;--banna-surface-2:#f0ece0;--banna-border:rgba(16,35,63,.14);--banna-text:#10233f;--banna-muted:#5c6f8f;--banna-accent:#e2502f;--banna-accent-2:#ff8b72;--banna-gradient:linear-gradient(135deg,var(--banna-accent),var(--banna-accent-2));--banna-accent-soft:rgba(226,80,47,.12);--banna-danger:#dc2626;--banna-success:#059669;--banna-shadow:0 12px 32px -16px rgba(16,35,63,.18);--banna-line:#7b9bc9;--banna-line-faint:rgba(92,138,201,.12);color-scheme:light}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden;background-color:var(--banna-bg);background-image:linear-gradient(var(--banna-line-faint) 1px,transparent 1px),linear-gradient(90deg,var(--banna-line-faint) 1px,transparent 1px);background-size:40px 40px;color:var(--banna-text);font-family:var(--banna-font-body);transition:background-color .2s ease,color .2s ease}body,html,img,svg,video{max-width:100%}h1,h2,h3{font-family:var(--banna-font-display);font-weight:600;letter-spacing:-.02em;text-wrap:balance}a{color:inherit}.container{max-width:960px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem)}header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--banna-bg) 86%,transparent)}.site-header-bar{justify-content:space-between;min-height:64px;padding-block:.6rem}.site-header-bar,.site-nav-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.site-nav-actions{justify-content:flex-end}@media (max-width:640px){.site-nav-actions{gap:.4rem}.site-nav-actions .button{padding:.55rem .9rem;font-size:.85rem}}@media (max-width:400px){.site-nav-actions .button{padding:.5rem .7rem;font-size:.78rem}}.panel-header-row{gap:.75rem}.list-row,.panel-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.list-row{gap:.5rem}.list-row-info{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.list-row-actions{display:flex;flex-wrap:wrap;gap:.4rem}@media (max-width:480px){.list-row-actions{width:100%}.list-row-actions .button{flex:1 1 auto;padding:.5rem .6rem;font-size:.78rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSlow{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-2%,3%) scale(1.05)}}@keyframes shimmer{to{background-position:200%}}.fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.card{background:var(--banna-surface);border:1px solid var(--banna-border);border-radius:10px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.button,.card{box-shadow:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--banna-gradient);background-size:160% 160%;color:#10131a;font-family:var(--banna-font-mono);font-weight:600;letter-spacing:.02em;border:none;border-radius:6px;padding:.7rem 1.35rem;cursor:pointer;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,background-position .4s ease}.button:hover:not(:disabled){transform:translateY(-2px);background-position:60%;box-shadow:0 10px 24px -8px var(--banna-accent-soft)}.button:active:not(:disabled){transform:translateY(0) scale(.99)}.button:disabled{opacity:.55;cursor:not-allowed}.button-secondary{background:var(--banna-surface-2);color:var(--banna-text);border:1px solid var(--banna-border);box-shadow:none}.button-secondary:hover:not(:disabled){background:var(--banna-surface);border-color:var(--banna-accent);box-shadow:none}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field input,.field select{background:var(--banna-surface-2);border:1px solid var(--banna-border);border-radius:10px;padding:.65rem .8rem;color:var(--banna-text);font-size:1rem;transition:border-color .15s ease,box-shadow .15s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--banna-accent);box-shadow:0 0 0 3px var(--banna-accent-soft)}.account-type-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem}@media (max-width:480px){.account-type-grid{grid-template-columns:1fr}}.account-type-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;background:var(--banna-surface-2);border:1px solid var(--banna-border);border-radius:12px;padding:.9rem 1rem;color:var(--banna-text);cursor:pointer;font:inherit;transition:transform .15s ease,border-color .15s ease}.account-type-card:hover{transform:translateY(-1px)}.account-type-card span{color:var(--banna-muted);font-size:.8rem;line-height:1.35}.account-type-card.selected{border-color:var(--banna-accent);box-shadow:0 0 0 1px var(--banna-accent);background:var(--banna-accent-soft)}.apps-menu{position:relative}.apps-menu-trigger{display:inline-flex;align-items:center;gap:.4rem}.apps-menu-dropdown{position:absolute;right:0;top:calc(100% + .5rem);z-index:20;width:min(280px,calc(100vw - 2rem));background:var(--banna-surface);border:1px solid var(--banna-border);border-radius:14px;box-shadow:var(--banna-shadow);padding:.4rem;display:flex;flex-direction:column;gap:.2rem;animation:fadeInUp .18s ease both}.apps-menu-item{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:10px;color:var(--banna-text);text-decoration:none;transition:background .15s ease}.apps-menu-item:hover{background:var(--banna-surface-2)}.apps-menu-item strong{display:block;font-size:.92rem}.apps-menu-icon{font-size:1.3rem;width:2rem;text-align:center}.apps-menu-desc{display:block;color:var(--banna-muted);font-size:.78rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:.75rem;gap:.75rem}.info-tile{background:var(--banna-surface-2);border:1px solid var(--banna-border);border-radius:12px;padding:.8rem 1rem;transition:transform .15s ease}.info-tile:hover{transform:translateY(-1px)}.info-tile-label{display:block;color:var(--banna-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.3rem}.info-tile-value{font-size:1.05rem;font-weight:700}.pending-note{color:var(--banna-muted);font-size:.85rem;font-style:italic}.error-text{color:var(--banna-danger);font-size:.875rem}.honeypot-field{position:absolute;left:-9999px;opacity:0;pointer-events:none}.landing-hero{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:4.5rem 0 3rem;overflow:hidden}.landing-hero:before{content:"";position:absolute;top:-20%;left:50%;width:640px;height:640px;transform:translateX(-50%);background:radial-gradient(circle,var(--banna-accent-soft) 0,transparent 65%);filter:blur(10px);animation:floatSlow 10s ease-in-out infinite;z-index:-1;pointer-events:none}.landing-hero h1{font-size:clamp(2.25rem,5vw,3.25rem);font-weight:700;line-height:1.12;background:var(--banna-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.landing-hero h1,.landing-hero p{margin:0;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both}.landing-hero p{color:var(--banna-muted);font-size:1.15rem;max-width:560px;animation-delay:.08s}.landing-hero .button{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) both;animation-delay:.16s}.landing-section{padding:4.5rem 0;border-top:1px solid var(--banna-border)}.section-header{text-align:center;max-width:640px;margin:0 auto 2.5rem}.section-eyebrow{display:inline-block;color:var(--banna-accent);font-family:var(--banna-font-mono);font-weight:600;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;margin-bottom:.5rem}.section-title{font-family:var(--banna-font-display);font-size:1.95rem;font-weight:600;margin:0 0 .5rem}.section-subtitle{color:var(--banna-muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem}.ecosystem-grid .card,.feature-grid .card{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) both}.feature-grid .card:first-child{animation-delay:.02s}.feature-grid .card:nth-child(2){animation-delay:.08s}.feature-grid .card:nth-child(3){animation-delay:.14s}.feature-grid .card:nth-child(4){animation-delay:.2s}.feature-grid .card:nth-child(5){animation-delay:.26s}.feature-grid .card:nth-child(6){animation-delay:.32s}.card:hover{transform:translateY(-3px);border-color:var(--banna-accent)}.feature-card h3{margin:0 0 .5rem;font-size:1.05rem}.feature-card p{margin:0;color:var(--banna-muted);font-size:.925rem;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.step-card{display:flex;flex-direction:column;gap:.5rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:999px;background:var(--banna-gradient);color:#fff;font-weight:700}.step-card h3{margin:0;font-size:1rem}.step-card p{margin:0;color:var(--banna-muted);font-size:.9rem;line-height:1.5}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.ecosystem-card{display:flex;flex-direction:column;gap:.6rem}.ecosystem-card h3{margin:0;font-size:1.05rem}.ecosystem-card p{margin:0;color:var(--banna-muted);font-size:.9rem;line-height:1.5}.status-badge{align-self:flex-start;font-size:.75rem;font-weight:700;color:var(--banna-accent);background:var(--banna-accent-soft);border-radius:999px;padding:.25rem .7rem}.status-badge.live{color:var(--banna-success);background:rgba(52,211,153,.14)}.closing-section{text-align:center;padding:4rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.closing-section h2{margin:0;font-size:1.85rem;font-weight:700}.closing-section p{margin:0;color:var(--banna-muted)}.home-hero{position:relative;display:flex;flex-direction:column;gap:.35rem;padding:2.25rem 0 .5rem;overflow:hidden}.home-hero:before{content:"";position:absolute;top:-60%;right:-10%;width:420px;height:420px;background:radial-gradient(circle,var(--banna-accent-soft) 0,transparent 70%);filter:blur(6px);animation:floatSlow 12s ease-in-out infinite;z-index:-1;pointer-events:none}.home-greeting-eyebrow{color:var(--banna-muted);font-size:.95rem;margin:0}.home-greeting-title{font-size:clamp(1.75rem,3.5vw,2.4rem);font-weight:700;margin:0;background:var(--banna-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.home-quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.home-quick-card{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--banna-text)}.home-quick-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:12px;background:var(--banna-gradient);font-size:1.3rem;flex-shrink:0}.home-quick-title{font-weight:700;font-size:.98rem}.home-quick-desc{color:var(--banna-muted);font-size:.82rem;margin-top:.15rem}.mail-list{list-style:none;margin:0;padding:0}.mail-list-item{display:grid;grid-template-columns:200px 1fr auto;grid-gap:1rem;gap:1rem;align-items:center;padding:.9rem 1.25rem;border-bottom:1px solid var(--banna-border);color:var(--banna-text);text-decoration:none;transition:background .15s ease}.mail-list li:last-child .mail-list-item{border-bottom:none}.mail-list-item:hover{background:var(--banna-surface-2)}.mail-list-item.unread .mail-list-from,.mail-list-item.unread .mail-list-subject{font-weight:700}.mail-list-from,.mail-list-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list-date,.mail-list-subject{color:var(--banna-muted)}.mail-list-date{font-size:.8rem;white-space:nowrap}@media (max-width:600px){.mail-list-item{grid-template-columns:1fr;gap:.2rem}}.rank-banner{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.rank-badge{display:inline-block;font-weight:700;font-size:.85rem;color:#fff;background:var(--banna-gradient);background-size:200% auto;border-radius:999px;padding:.35rem .9rem;animation:shimmer 3s linear infinite}.edu-feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.edu-post-card{background:var(--banna-surface-2);border:1px solid var(--banna-border);border-radius:12px;padding:.9rem 1rem;transition:transform .15s ease}.edu-post-card:hover{transform:translateY(-1px)}.edu-post-meta{display:flex;gap:.5rem;align-items:center;color:var(--banna-muted);font-size:.8rem;margin-top:.3rem}@keyframes popIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.notif-bell,.notif-center{position:relative}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:1.1rem;height:1.1rem;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--banna-danger);color:#fff;font-size:.7rem;animation:popIn .25s cubic-bezier(.34,1.56,.64,1) both}.notif-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;width:min(380px,calc(100vw - 2rem));max-height:72vh;overflow-y:auto;overscroll-behavior:contain;padding:1rem;border-radius:16px;background:color-mix(in srgb,var(--banna-surface) 82%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--banna-shadow);transform-origin:top right;animation:popIn .2s cubic-bezier(.16,1,.3,1) both}.notif-panel-head{position:-webkit-sticky;position:sticky;top:-1rem;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:-1rem -1rem .75rem;padding:.85rem 1rem .6rem;background:inherit;border-bottom:1px solid var(--banna-border)}.notif-panel-head h4{margin:0}.notif-head-actions{display:flex;gap:.35rem}.notif-check-all{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;cursor:pointer}.notif-panel input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--banna-accent);cursor:pointer}.notif-chip{border:1px solid var(--banna-border);background:var(--banna-surface-2);color:var(--banna-text);border-radius:999px;padding:.25rem .65rem;font:inherit;font-size:.75rem;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.notif-chip:hover:not(:disabled){border-color:var(--banna-accent)}.notif-chip:active:not(:disabled){transform:scale(.97)}.notif-chip:disabled{opacity:.5;cursor:not-allowed}.notif-chip.danger{color:var(--banna-danger)}.notif-chip.danger.solid,.notif-chip.danger:hover:not(:disabled){border-color:var(--banna-danger)}.notif-chip.danger.solid{background:var(--banna-danger);color:#fff;font-weight:600}.notif-hint{margin:0 0 .5rem;font-size:.8rem;color:var(--banna-muted)}.notif-empty{margin:0;padding:1.5rem 0;text-align:center;font-size:.9rem;color:var(--banna-muted)}.notif-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.notif-item{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.25rem .6rem;padding:.6rem .7rem;border-radius:12px;border:1px solid var(--banna-border);background:transparent;animation:slideUpIn .25s ease both;transition:background .15s ease,border-color .15s ease;content-visibility:auto;contain-intrinsic-size:auto 88px}.notif-item.unread{background:var(--banna-accent-soft)}.notif-item.selected{border-color:var(--banna-accent);box-shadow:inset 0 0 0 1px var(--banna-accent)}.notif-item-check{margin-top:.2rem}.notif-item-main{all:unset;flex:1 1;min-width:0;display:flex;flex-direction:column;gap:.2rem;cursor:pointer}.notif-item-main:focus-visible{outline:2px solid var(--banna-accent);outline-offset:3px;border-radius:6px}.notif-item-meta{display:flex;gap:.4rem;align-items:center;font-size:.75rem;color:var(--banna-muted)}.notif-security{color:var(--banna-danger);font-weight:600}.notif-item-title{font-size:.9rem}.notif-item:not(.unread) .notif-item-title{font-weight:500}.notif-item-body{font-size:.85rem;overflow-wrap:anywhere}.notif-item-actions{flex-basis:100%;display:flex;gap:.35rem;justify-content:flex-end}.notif-selection-bar{position:-webkit-sticky;position:sticky;bottom:-1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.4rem;margin:.75rem -1rem -1rem;padding:.75rem 1rem;font-size:.82rem;background:inherit;border-top:1px solid var(--banna-border);animation:slideUpIn .2s ease both}.notif-selection-bar>span{flex:1 1}.notif-wide{width:100%;margin-top:.75rem;padding:.5rem .75rem}.notif-selection-bar .notif-wide{margin-top:0}.notif-small{margin-top:.5rem;font-size:.8rem}.showcase-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;grid-gap:2.5rem;gap:2.5rem;padding:4rem 0 3rem}.showcase-hero:before{content:"";position:absolute;top:-10%;right:-5%;width:560px;max-width:90vw;height:560px;background:radial-gradient(circle,var(--banna-accent-soft) 0,transparent 65%);filter:blur(10px);animation:floatSlow 10s ease-in-out infinite;z-index:-1;pointer-events:none}.showcase-hero-text h1{font-family:var(--banna-font-display);font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.1;margin:0 0 1rem}.showcase-hero-text>p{color:var(--banna-muted);font-size:1.08rem;line-height:1.6;margin:0 0 1.6rem;max-width:560px}.showcase-actions{display:flex;flex-wrap:wrap;gap:.75rem}.showcase-actions-center{justify-content:center;margin-top:2rem}.showcase-download{padding:.85rem 1.4rem;font-size:1rem}.showcase-meta{color:var(--banna-muted);font-size:.85rem;margin:1rem 0 0}.showcase-meta span{display:block;opacity:.8}.showcase-device{border:1px solid var(--banna-border);border-radius:28px;padding:1.25rem;background:color-mix(in srgb,var(--banna-surface) 72%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:var(--banna-shadow);display:flex;flex-direction:column;gap:.75rem;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) both}.showcase-device-head,.showcase-device-row{display:flex;align-items:center;gap:.85rem;min-width:0}.showcase-device-head{padding-bottom:.75rem;border-bottom:1px solid var(--banna-border)}.showcase-app img,.showcase-device img{border-radius:22%;flex-shrink:0}.showcase-device-head div,.showcase-device-row div{display:flex;flex-direction:column;min-width:0;flex:1 1}.showcase-device span,.showcase-device strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.showcase-device span{color:var(--banna-muted);font-size:.85rem}.showcase-device-row{padding:.6rem .75rem;border-radius:16px;background:var(--banna-surface-2)}.showcase-pill{flex-shrink:0;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--banna-accent-soft);color:var(--banna-accent)!important;font-weight:700}.showcase-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-gap:1rem;gap:1rem}.showcase-app{display:flex;align-items:center;gap:1rem;min-width:0}.showcase-app-body{flex:1 1;min-width:0}.showcase-app h3{margin:0 0 .25rem;overflow-wrap:anywhere}.showcase-app p{color:var(--banna-muted);margin:0 0 .35rem;line-height:1.45}.showcase-app-meta{color:var(--banna-muted);font-family:var(--banna-font-mono);font-size:.78rem}.showcase-app .button{flex-shrink:0}@media (max-width:820px){.showcase-hero{grid-template-columns:minmax(0,1fr);padding-top:2.5rem;text-align:center}.showcase-hero-text>p{margin-left:auto;margin-right:auto}.showcase-actions{justify-content:center}}@media (max-width:480px){.showcase-actions .button{flex:1 1 100%}.showcase-app{flex-wrap:wrap}.showcase-app .button{flex:1 1 100%}}.showcase-download.is-disabled{opacity:.5;cursor:not-allowed}