@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--paper:#f3f2ed;--ink:#151714;--muted:#686c65;--line:#c8cac2;--acid:#d8ff3e;--white:#fbfbf7}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}.auth-body{min-height:100vh;background:var(--paper);display:grid;grid-template-rows:74px 1fr 66px}.auth-header{border-bottom:1px solid var(--line);padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between}.auth-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:-.035em}.auth-brand-mark{width:25px;height:25px;border:1.5px solid;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:4px;transform:rotate(-4deg)}.auth-brand-mark i{background:currentColor}.secure-label,.auth-kicker,.auth-card-number,.proof-head,.proof-copy small,.proof-tag,.auth-footer,.section-label,.studio-title p,.studio-new>div>span{font:10px 'DM Mono',monospace;letter-spacing:.08em}.secure-label{display:flex;align-items:center;gap:8px;color:var(--muted)}.secure-label i{width:7px;height:7px;border-radius:50%;background:#55a33d;box-shadow:0 0 0 3px rgba(85,163,61,.14)}
.auth-shell{width:min(1180px,93vw);margin:auto;display:grid;grid-template-columns:minmax(360px,48%) 1fr;border:1px solid var(--ink);background:var(--white);box-shadow:9px 9px 0 var(--ink);min-height:570px}.auth-card{padding:44px 48px;position:relative;display:flex;flex-direction:column}.auth-card-number{position:absolute;right:22px;top:20px;color:var(--muted)}.auth-kicker{color:var(--muted);margin:14px 0 28px}.auth-card h1{font-size:clamp(49px,5vw,76px);letter-spacing:-.065em;line-height:.95;margin:0 0 21px;max-width:480px}.auth-intro,.auth-card>p{font-size:15px;line-height:1.55;color:var(--muted);max-width:440px;margin:0}.google-button{margin-top:42px;border:1px solid var(--ink);background:var(--white);height:60px;padding:0 18px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:15px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s}.google-button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.google-button:focus-visible,.secondary-action:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.google-button svg{width:22px}.google-button b{font-size:20px}.google-button.is-pending:after{content:"EARLY ACCESS";position:absolute;transform:translateY(-42px);right:49px;background:var(--acid);border:1px solid var(--ink);padding:4px 6px;font:7px 'DM Mono'}.account-note{font-size:10px!important;line-height:1.5!important;margin-top:15px!important}.auth-notice{border-left:4px solid var(--acid);background:#ecece5;padding:12px 14px;margin:20px 0 -19px;font-size:12px;line-height:1.5}.enterprise-row{border-top:1px solid var(--line);margin-top:auto;padding-top:23px;display:flex;justify-content:space-between;gap:20px}.enterprise-row>span{font-size:11px;font-weight:700}.enterprise-row ul{list-style:none;margin:0;padding:0;text-align:right;font:8px/1.8 'DM Mono';color:var(--muted)}
.auth-proof{background:#171917;color:#fff;border-left:1px solid var(--ink);padding:24px;display:grid;grid-template-rows:auto 1fr auto auto}.proof-head{display:flex;justify-content:space-between;color:#b7bbb3;padding-bottom:18px}.proof-frame{position:relative;overflow:hidden;border:1px solid #5e635b;background:#242722;min-height:330px}.proof-grid{position:absolute;inset:0;background-image:linear-gradient(#363a34 1px,transparent 1px),linear-gradient(90deg,#363a34 1px,transparent 1px);background-size:42px 42px;opacity:.7}.proof-grid:after{content:"";position:absolute;left:12%;top:15%;width:65%;height:58%;border:1px solid #596055}.proof-copy{position:absolute;left:9%;top:29%}.proof-copy small{color:var(--acid)}.proof-copy strong{display:block;font-size:clamp(31px,3.4vw,49px);line-height:.98;letter-spacing:-.055em;margin-top:13px}.proof-cursor{position:absolute;right:24%;bottom:25%;font-size:39px;transform:rotate(-11deg);text-shadow:2px 2px 0 #000}.proof-tag{position:absolute;right:15px;bottom:15px;color:#111;background:var(--acid);padding:8px}.proof-timeline{height:48px;border:1px solid #5e635b;border-top:0;display:flex;align-items:center;gap:5px;padding:0 8px}.proof-timeline i{height:10px;background:#596057;flex:2}.proof-timeline i:nth-child(2){flex:3;background:var(--acid)}.proof-timeline i:nth-child(3){flex:1}.auth-proof>p{font-size:11px;line-height:1.6;color:#aeb2aa;margin:18px 0 0;max-width:460px}.auth-footer{background:var(--ink);color:#fff;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between}.auth-footer span:nth-child(2){color:var(--acid)}.secondary-action{display:inline-flex;margin-top:28px;border:1px solid;padding:12px 14px;text-decoration:none;font-size:12px;font-weight:700;align-self:flex-start}
.studio-body{min-height:100vh;background:var(--paper)}.studio-header{height:68px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 3vw}.auth-brand.inverse{color:#fff}.studio-account{display:flex;align-items:center;gap:20px;font:10px 'DM Mono'}.studio-account form{margin:0}.studio-account button{border:1px solid #777d74;background:transparent;color:#fff;padding:8px 11px;font:9px 'DM Mono';cursor:pointer}.studio-shell{width:min(1200px,94vw);margin:0 auto;padding:8vh 0}.studio-title p{color:var(--muted)}.studio-title h1{font-size:clamp(44px,6vw,84px);line-height:.96;letter-spacing:-.065em;max-width:800px;margin:19px 0 7vh}.studio-new{border:1px solid var(--ink);background:var(--acid);box-shadow:7px 7px 0 var(--ink);padding:28px;display:flex;justify-content:space-between;align-items:flex-end}.studio-new h2{font-size:29px;letter-spacing:-.04em;margin:19px 0 8px}.studio-new p{font-size:13px;margin:0;color:#4c514a}.studio-new>a{background:var(--ink);color:#fff;text-decoration:none;padding:16px 18px;min-width:190px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.studio-new>a b{color:var(--acid)}.studio-projects{margin-top:55px;border-top:1px solid var(--ink)}.section-label{padding:14px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.empty-state{text-align:center;padding:8vh 0;border-bottom:1px solid var(--line)}.empty-state i{font-style:normal;border:1px solid var(--ink);width:42px;height:42px;display:grid;place-items:center;margin:0 auto 18px}.empty-state strong{font-size:15px}.empty-state p{font-size:11px;color:var(--muted)}
@media(max-width:800px){.auth-shell{grid-template-columns:1fr;margin:35px auto}.auth-proof{border-left:0;border-top:1px solid var(--ink);min-height:500px}.auth-body{grid-template-rows:64px 1fr 60px}.auth-card{min-height:530px}.studio-new{align-items:stretch;flex-direction:column;gap:28px}.studio-new>a{width:100%}}
@media(max-width:520px){.secure-label{display:none}.auth-shell{width:calc(100% - 28px);box-shadow:5px 5px 0 var(--ink)}.auth-card{padding:31px 23px;min-height:545px}.auth-card h1{font-size:47px}.google-button{margin-top:34px}.enterprise-row{display:block}.enterprise-row ul{text-align:left;margin-top:12px}.auth-proof{padding:15px;min-height:435px}.proof-frame{min-height:285px}.auth-footer span:nth-child(2){display:none}.studio-header{padding:0 17px}.studio-shell{width:calc(100% - 34px)}.studio-title h1{font-size:48px}.studio-account>span{display:none}}