@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");:root{--board:#0d2137;--board-2:#12304f;--gold:#f5b324;--blue:#1b4f91;--red:#c8102e;--line:#1e3a5c;--muted:#8fa9c4;--text-inv:#eaf2f8;--deep:#081527;--radius:10px;--brass-hi:#fff0bd;--brass-lo:#a9760c;--steel-hi:rgba(255,255,255,0.22)}@keyframes shimmer{0%{background-position:0}to{background-position:240%}}@keyframes btnSheen{to{left:130%}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(120% 80% at 50% -10%,#17395c 0,#0d2137 42%,#071322 100%),var(--board);background-attachment:fixed;color:var(--text-inv);min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0 45px,rgba(255,255,255,.02) 45px 46px)}.brand-wrap,.shell,.ws{position:relative;z-index:1}a{color:var(--gold)}h1,h2,h3{font-family:Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase}.shell{max-width:560px;margin:0 auto;padding:40px 18px 60px}.shell-wide{max-width:900px}.brandbar{text-align:center;margin-bottom:26px}.brandbar .logo{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.14em;font-size:1.9rem;text-decoration:none;background:linear-gradient(100deg,#a9760c,#f5b324 20%,#ffe79a 38%,#fffdf2 49%,#ffe79a 60%,#f5b324 80%,#a9760c);background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px rgba(0,0,0,.5));animation:shimmer 5.5s linear infinite}.brandbar p{color:var(--muted);font-size:.85rem;margin-top:4px}.card{background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 20%),linear-gradient(180deg,#16395d,#0f2a47 58%,#0c2340);border:1px solid rgba(255,255,255,.09);border-radius:14px;padding:26px 24px;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.18),inset 0 -2px 10px rgba(0,0,0,.35),0 14px 34px rgba(0,0,0,.45)}.card h1{color:var(--gold);font-size:1.4rem;margin-bottom:6px}.card .sub{color:var(--muted);font-size:.9rem;margin-bottom:20px}label.field{display:block;margin-bottom:14px}label.field span{display:block;font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;color:var(--muted);margin-bottom:6px}input[type=email],input[type=password],input[type=text]{width:100%;background:#071523;color:var(--text-inv);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 12px;font-family:Inter,sans-serif;font-size:.95rem;box-shadow:inset 0 2px 5px rgba(0,0,0,.5),inset 0 1px 0 rgba(0,0,0,.3);transition:border-color .15s,box-shadow .15s}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:rgba(245,179,36,.55)}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn,button{font-family:Oswald,sans-serif;font-weight:600;letter-spacing:.07em;text-transform:uppercase;border:none;border-radius:9px;cursor:pointer;padding:12px 18px;font-size:.92rem;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;display:inline-block;text-align:center;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}.btn-blue,.btn-gold,.btn-google{position:relative;overflow:hidden;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),inset 0 -4px 10px rgba(0,0,0,.4),0 10px 22px rgba(0,0,0,.45)}.btn-blue:after,.btn-gold:after,.btn-google:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:left .55s ease;pointer-events:none}.btn-blue:hover,.btn-gold:hover,.btn-google:hover{transform:translateY(-2px);filter:brightness(1.06)}.btn-blue:hover:after,.btn-gold:hover:after,.btn-google:hover:after{left:130%}.btn-blue:active,.btn-gold:active,.btn-google:active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(0,0,0,.55)}.btn-gold{width:100%;color:#2a1c00;text-shadow:0 1px 0 rgba(255,255,255,.5);background:linear-gradient(180deg,#fff3c6,#ffd25a 42%,#f5b324 50%,#c9860a 58%,#ffcf55)}.btn-blue{color:#fff;background:linear-gradient(180deg,#5c93d6,#2f6fc0 42%,#1b4f91 52%,#0e3161 60%,#3877c4)}.btn-google{width:100%;color:#23262b;text-shadow:0 1px 0 rgba(255,255,255,.6);background:linear-gradient(180deg,#ffffff,#eef1f5 48%,#d7dde5 54%,#f4f6f9)}.btn-ghost{background:linear-gradient(180deg,#1a3c60,#0f2a48);color:#bcd2e8;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 14px rgba(0,0,0,.4)}.btn-ghost:hover{color:#fff;border-color:#3c74be;filter:brightness(1.08)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.8rem;margin:18px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.altlink{text-align:center;margin-top:18px;color:var(--muted);font-size:.88rem}.formmsg{font-size:.85rem;padding:10px 12px;border-radius:8px;margin-bottom:14px}.formmsg.error{background:rgba(200,16,46,.15);border:1px solid var(--red);color:#ffd7dd}.formmsg.ok{background:rgba(245,179,36,.12);border:1px solid var(--gold);color:#ffe9b8}.topnav{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;flex-wrap:wrap;gap:12px}.plan-badge{display:inline-block;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;padding:4px 12px;border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 3px 8px rgba(0,0,0,.35)}.plan-free{background:linear-gradient(180deg,#274a70,#16324f);color:var(--text-inv)}.plan-pro{background:linear-gradient(180deg,#3a72bd,#1b4f91 55%,#123c73);color:#fff}.plan-premium{background:linear-gradient(180deg,#ffe79a,#f5b324 55%,#cf8f0d);color:#2a1c00}.plan-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:18px}@media (max-width:640px){.plan-grid{grid-template-columns:1fr}}.plan-card{background:linear-gradient(180deg,#0e2740,#081627);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 20px rgba(0,0,0,.4)}.plan-card.current{border-color:rgba(245,179,36,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 0 1px rgba(245,179,36,.3),0 10px 26px rgba(0,0,0,.45)}.plan-card .price{font-family:Oswald,sans-serif;font-weight:700;color:var(--gold);font-size:1.5rem;margin:6px 0 4px}.plan-card .blurb{color:var(--muted);font-size:.85rem;margin-bottom:16px;line-height:1.5}.ws{display:flex;height:100vh;width:100%;overflow:hidden}.ws-side{width:320px;flex-shrink:0;background:var(--board-2);border-right:2px solid var(--line);display:flex;flex-direction:column;min-height:0}.ws-closed .ws-side{display:none}.ws-main{flex:1 1;min-width:0;background:var(--board)}.ws-frame{width:100%;height:100%;border:none;display:block}.ws-reopen{position:fixed;top:12px;left:12px;z-index:20;background:var(--gold);color:var(--deep);width:40px;height:40px;border-radius:8px;font-size:1.1rem;box-shadow:0 4px 12px rgba(0,0,0,.4)}.ws-side-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:2px solid var(--line)}.ws-back{color:var(--muted);text-decoration:none;font-size:.85rem}.ws-back:hover{color:var(--text-inv)}.ws-collapse{background:transparent;color:var(--muted);padding:4px 10px;font-size:1rem;border:2px solid var(--line)}.ws-collapse:hover{color:var(--text-inv);border-color:#3c74be}.ws-tabs{display:flex;gap:6px;padding:12px 12px 0}.ws-tabs button{flex:1 1;padding:8px 4px;font-size:.72rem;background:var(--deep);color:var(--muted);border:2px solid var(--line);border-radius:8px}.ws-tabs button.on{background:var(--blue);border-color:#3c74be}.ws-status{margin:10px 12px 0;padding:7px 10px;font-size:.78rem;background:rgba(245,179,36,.12);border:1px solid var(--gold);border-radius:8px;color:#ffe9b8}.ws-body{flex:1 1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.ws-cta{width:100%;margin-bottom:4px}.ws-empty{color:var(--muted);font-size:.82rem;line-height:1.5;padding:6px 2px}.ws-item{display:flex;align-items:stretch;gap:6px}.ws-item-main{flex:1 1;text-align:left;background:var(--deep);color:var(--text-inv);border:2px solid var(--line);border-radius:8px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;text-transform:none;letter-spacing:0;font-family:Inter,sans-serif}.ws-item-main:hover{border-color:var(--gold)}.ws-item-main strong{font-size:.9rem}.ws-item-main span{font-size:.72rem;color:var(--muted)}.ws-del{background:transparent;color:var(--muted);border:2px solid var(--line);border-radius:8px;padding:0 12px;font-size:1.1rem}.ws-del:hover{color:#fff;background:var(--red);border-color:var(--red)}.ws-hist{background:var(--deep);border:2px solid var(--line);border-radius:8px;padding:10px 11px}.ws-hist-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.ws-hist-top strong{font-size:.88rem}.ws-hist-meta{margin:4px 0 8px}.ws-export,.ws-hist-meta{color:var(--muted);font-size:.72rem}.ws-export{background:transparent;border:2px solid var(--line);border-radius:8px;padding:6px 12px}.ws-export:hover{color:var(--text-inv);border-color:#3c74be}.ws-dategroup{display:flex;flex-direction:column;gap:8px}.ws-date{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:linear-gradient(180deg,#173a5e,#0e2843);color:var(--text-inv);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 11px;font-family:Oswald,sans-serif;letter-spacing:.03em;text-transform:none;font-size:.85rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.35)}.ws-date:hover{filter:brightness(1.1)}.ws-date-caret{color:var(--gold);font-size:.75rem;width:12px}.ws-date-label{flex:1 1;font-weight:600}.ws-date-count{background:var(--blue);color:#fff;border-radius:20px;padding:1px 9px;font-size:.72rem;font-weight:600}.ws-dategroup .ws-hist{margin-left:10px}.ws-side-foot{padding:12px;border-top:2px solid var(--line)}.ws-brandslot{font-size:.78rem;color:var(--muted);padding:9px 11px;border:2px dashed var(--line);border-radius:8px;text-align:center}.ws-brandslot.unlocked{color:var(--gold);border-color:var(--gold)}@media (max-width:640px){.ws-side{width:100%;position:absolute;inset:0;z-index:15}}.brand-wrap{display:flex;height:100vh;overflow:hidden}.brand-form{width:460px;max-width:100%;height:100vh;overflow-y:auto;border:none;border-right:2px solid var(--line);border-radius:0}.brand-preview{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--board)}.brand-preview-label{padding:9px 14px;font-family:Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;color:var(--muted);border-bottom:2px solid var(--line)}.brand-preview-frame{flex:1 1;width:100%;border:none;display:block}.brand-logo-row{display:flex;align-items:center;gap:12px;margin:-4px 0 16px}.brand-logo-row img{max-height:46px;max-width:170px;background:rgba(255,255,255,.06);border-radius:6px;padding:4px 8px}.brand-colors{display:flex;flex-direction:column;gap:8px}.brand-color{display:flex;align-items:center;gap:10px;cursor:pointer}.brand-color input[type=color]{width:46px;height:40px;border:2px solid var(--line);border-radius:8px;background:var(--deep);padding:2px;cursor:pointer;flex-shrink:0}.brand-color>div{display:flex;flex-direction:column;line-height:1.3}.brand-color strong{font-family:Inter,sans-serif;font-weight:600;font-size:.82rem}.brand-color code{font-size:.72rem;color:var(--muted)}.brand-slug{display:flex;align-items:center;background:var(--deep);border:2px solid var(--line);border-radius:8px;overflow:hidden}.brand-slug-prefix{padding:0 2px 0 10px;color:var(--muted);font-size:.82rem;white-space:nowrap}.brand-slug input{border:none;background:transparent;border-radius:0;padding-left:2px}.brand-hint{font-size:.75rem;color:var(--muted);margin-top:6px;line-height:1.4}.brand-hint.error{color:#ffb0bb}.brand-hint code,.sub code{background:var(--deep);padding:1px 5px;border-radius:4px;color:var(--gold)}.brand-live{margin-top:16px;padding:14px;border:2px solid var(--gold);border-radius:8px;display:flex;flex-direction:column;gap:8px;font-size:.85rem}.brand-live a{word-break:break-all}.brand-live button{align-self:flex-start}@media (max-width:820px){.brand-wrap{flex-direction:column;height:auto;overflow:visible}.brand-form{width:100%;height:auto;border-right:none;border-bottom:2px solid var(--line)}.brand-preview{height:70vh}}.ws-side{background:linear-gradient(180deg,#143458,#0e2743)}.ws-tabs button{background:linear-gradient(180deg,#173a5e,#0e2843);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 3px 8px rgba(0,0,0,.35)}.ws-tabs button:hover{color:var(--text-inv);filter:brightness(1.12)}.ws-tabs button.on{color:#fff;background:linear-gradient(180deg,#5c93d6,#2f6fc0 45%,#1b4f91 55%,#123c73);border-color:#5c93d6;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.4),0 5px 12px rgba(0,0,0,.4)}.ws-hist,.ws-item-main{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 12px rgba(0,0,0,.35)}.ws-brandslot.unlocked{background:linear-gradient(180deg,rgba(245,179,36,.14),rgba(245,179,36,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.ws-reopen{background:linear-gradient(180deg,#ffe79a,#f5b324 55%,#cf8f0d);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 6px 14px rgba(0,0,0,.5)}@media (prefers-reduced-motion:reduce){.brandbar .logo{animation:none;background-position:50%}.btn-blue,.btn-gold,.btn-google{transition:none}.btn-blue:after,.btn-gold:after,.btn-google:after{display:none}}