*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#161310;background:radial-gradient(circle at top,#ffffffb3,#0000 30%),linear-gradient(#ebe7df 0%,#d9d2c7 100%);font-family:Helvetica Neue,Arial,sans-serif}main{place-items:center;min-height:100vh;padding:36px 24px;display:grid}section{width:min(1120px,100%)}h1,h2,p,ul{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}code{background:#ffffff14;border-radius:8px;padding:2px 6px}.eyebrow{color:#846038;letter-spacing:.08em;text-transform:uppercase;background:#ffffff80;border:1px solid #1613101a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.intro-shell{text-align:center;max-width:760px}.intro-shell h1{letter-spacing:-.06em;margin-top:18px;font-size:clamp(3rem,7vw,5rem);line-height:.92}.intro-shell p{color:#161310b8;max-width:46rem;margin:18px auto 0;font-size:1.08rem;line-height:1.75}.intro-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:28px;display:flex}.login-page,.workspace-page,.status-page{padding-block:24px}.login-shell{grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:stretch;gap:24px;display:grid}.login-intro,.login-form,.password-reset-card,.workspace-shell,.status-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #16131017;border-radius:32px}.login-intro{background:linear-gradient(150deg,#fffbf4f2,#e8e0d4e0),#f6f0e6;padding:clamp(28px,4vw,48px);box-shadow:inset 0 1px #ffffff7a}.login-intro h1{letter-spacing:-.06em;margin-top:20px;font-size:clamp(3rem,7vw,5.2rem);line-height:.92}.login-intro p{color:#161310bd;max-width:34rem;margin-top:18px;font-size:1.04rem;line-height:1.8}.feature-grid{gap:14px;margin-top:28px;display:grid}.feature-hint{background:#ffffff94;border-radius:22px;padding:18px 18px 20px;transition:transform .18s,background-color .18s;position:relative}.feature-hint strong{font-size:1rem;display:block}.feature-hint p{color:#1613109e;margin-top:8px;font-size:.95rem;line-height:1.6}.feature-popup{z-index:2;color:#f5f1ea;opacity:0;pointer-events:none;background:#161310eb;border-radius:18px;width:min(300px,70vw);padding:14px 16px;line-height:1.55;transition:opacity .18s,transform .18s;position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)translate(-6px);box-shadow:0 18px 40px #1613102e}.feature-hint:hover{background:#ffffffc7;transform:translateY(-2px)}.feature-hint:hover .feature-popup{opacity:1;transform:translateY(-50%)translate(0)}.login-form,.password-reset-card{color:#f7f2eb;background:#13110fe6;gap:18px;padding:clamp(24px,3vw,34px);display:grid;box-shadow:0 24px 70px #1613102e}.form-header h2{letter-spacing:-.04em;margin-top:8px;font-size:2.1rem;line-height:1}.form-header p:last-child{color:#f7f2ebbd;margin-top:12px;line-height:1.65}.form-kicker{color:#d2a46a;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.form-switch{background:#ffffff0f;border-radius:999px;gap:8px;width:fit-content;padding:6px;display:inline-flex}.tab-button{color:#f7f2eb9e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:40px;padding:0 16px}.tab-button-active{color:#f7f2eb;background:#ffffff1a}.auth-form-grid{gap:18px;display:grid}.field{gap:8px;display:grid}.field span,.micro-copy,.text-action{font-size:.93rem}.field span{font-weight:600}.field input{color:#f7f2eb;background:#ffffff0d;border:1px solid #f7f2eb24;border-radius:18px;width:100%;padding:15px 16px}.field input::placeholder{color:#f7f2eb73}.form-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.micro-copy{color:#f7f2eb94;line-height:1.5}.text-action{color:#d2a46a;cursor:pointer;background:0 0;border:0;padding:0}.primary-action,.secondary-action{letter-spacing:.02em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-size:.95rem;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.primary-action{color:#161310;background:#d2a46a;border:0}.secondary-action{color:#161310;background:#ffffff8f;border:1px solid #16131024}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.form-banner{border-radius:18px;padding:14px 16px;line-height:1.55}.form-banner-warning{color:#f0c894;background:#d2a46a24}.form-banner-error{color:#ffc7c7;background:#c156562e}.form-banner-success{color:#d1ffdb;background:#64a8792e}.form-note{color:#f7f2ebb8;border-top:1px solid #f7f2eb1f;padding-top:18px;line-height:1.6}.status-card,.workspace-shell{background:#fffbf5c2;padding:clamp(28px,4vw,40px)}.status-card h1,.workspace-header h1{letter-spacing:-.05em;margin-top:18px;font-size:clamp(2.4rem,6vw,4rem);line-height:.96}.status-card p,.workspace-header p{color:#161310b8;max-width:38rem;margin-top:16px;line-height:1.75}.workspace-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.workspace-panel{background:#fffc;border-radius:24px;padding:18px}.workspace-label{color:#1613108f;text-transform:uppercase;letter-spacing:.05em;font-size:.88rem}.workspace-panel strong{margin-top:10px;font-size:1rem;line-height:1.5;display:block}@media (max-width:980px){.login-shell{grid-template-columns:1fr}.feature-popup{width:100%;top:calc(100% + 12px);left:0;transform:translateY(-6px)}.feature-hint:hover .feature-popup{transform:translateY(0)}}@media (max-width:760px){.login-intro h1,.intro-shell h1,.status-card h1,.workspace-header h1{font-size:clamp(2.4rem,14vw,3.8rem)}.form-row,.workspace-header{flex-direction:column;align-items:flex-start}.workspace-grid{grid-template-columns:1fr}}
