@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;650;800&display=swap");:root{--ink:#10201c;--muted:#6c746e;--paper:#f4efe4;--card:rgba(255,252,244,0.78);--line:rgba(16,32,28,0.13);--green:#1f9b69;--mint:#b9f4d0;--amber:#d99f37;--red:#d45d4c;--blue:#5cc6dc;--shadow:0 24px 80px rgba(39,57,47,0.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(185,244,208,.56),transparent 31rem),radial-gradient(circle at 82% 10%,rgba(92,198,220,.34),transparent 28rem),linear-gradient(135deg,#f6f0df,#ece4d4 45%,#f7f1e5);min-height:100vh}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.grain{pointer-events:none;position:fixed;inset:0;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.reveal{animation:rise .72s cubic-bezier(.19,1,.22,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px;overflow:hidden;position:relative}.login-orb{position:absolute;border-radius:999px;filter:blur(16px);opacity:.8}.orb-one{width:360px;height:360px;background:var(--mint);top:-80px;left:8%}.orb-two{width:420px;height:420px;background:#e7bf72;right:-90px;bottom:-120px}.login-card{position:relative;width:min(470px,100%);padding:42px;border:1px solid var(--line);border-radius:34px;background:rgba(255,252,244,.76);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand-mark{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:#10201c;color:var(--mint);font-weight:800;letter-spacing:-.05em;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--green);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,h4{margin:0;letter-spacing:-.045em}h1,h2{font-family:"Instrument Serif",serif;font-weight:400}.login-card h1{font-size:clamp(44px,9vw,68px);line-height:.88;max-width:8ch}.login-copy{color:var(--muted);line-height:1.65;margin:20px 0 28px}.login-form{display:grid;grid-gap:16px;gap:16px}.login-form label,.project-form label{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;font-weight:800}input,select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.66);color:var(--ink);padding:14px 15px;outline:none;transition:border .2s ease,box-shadow .2s ease,transform .2s ease}input:focus,select:focus{border-color:rgba(31,155,105,.7);box-shadow:0 0 0 5px rgba(31,155,105,.12)}.app-actions button,.login-form button,.project-form button{border:0;border-radius:999px;background:#10201c;color:#fff9e9;padding:14px 20px;font-weight:850;box-shadow:0 12px 30px rgba(16,32,28,.18);transition:transform .2s ease,box-shadow .2s ease}.app-actions button:hover,.login-form button:hover,.project-form button:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(16,32,28,.24)}.form-error{margin:0;color:var(--red);font-weight:800}.studio-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:38px 0 60px;position:relative}.app-card,.metrics-grid,.section-heading,.top-actions,.topbar{display:flex;align-items:center}.topbar{justify-content:space-between;gap:24px;margin-bottom:26px}.topbar h1{font-size:clamp(48px,8vw,92px);line-height:.86}.top-actions{gap:12px}.ghost-button,.text-button{border:1px solid var(--line);border-radius:999px;padding:12px 16px;background:rgba(255,255,255,.46);text-decoration:none;color:var(--ink);font-weight:850}.text-button{border:0;background:transparent}.hero-card,.panel,.toast{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hero-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-gap:28px;gap:28px;border-radius:42px;padding:34px;margin-bottom:22px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;width:340px;height:340px;right:-120px;top:-150px;border-radius:50%;border:54px solid rgba(31,155,105,.11)}.hero-copy{position:relative;z-index:1}.hero-copy p{margin:0 0 14px;color:var(--muted);font-weight:800}.hero-copy h2{font-size:clamp(42px,6vw,74px);line-height:.92;max-width:13ch}.signal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 8px rgba(31,155,105,.13);margin-right:10px}.metrics-grid{gap:12px;align-self:end}.metrics-grid article{flex:1 1;min-height:126px;display:grid;align-content:end;border-radius:28px;padding:18px;background:rgba(16,32,28,.92);color:#fff8e8}.metrics-grid strong{font-size:48px;letter-spacing:-.08em;line-height:.9}.metrics-grid span{color:rgba(255,248,232,.64);font-weight:800}.toast{border-radius:18px;padding:14px 18px;margin:12px 0;font-weight:800}.toast.good{color:#0f6545;background:rgba(185,244,208,.78)}.toast.warn{color:#8a5b08;background:rgba(255,220,145,.78)}.toast.bad{color:#8a231c;background:rgba(255,206,198,.78)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:22px;gap:22px;margin-top:22px}.panel{border-radius:34px;padding:24px}.section-heading{justify-content:space-between;gap:18px;margin-bottom:20px}.section-heading h3{font-size:25px}.section-heading>span{color:var(--muted);font-weight:850}.app-list{display:grid;grid-gap:14px;gap:14px}.app-card{justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.45);transition:transform .2s ease,border-color .2s ease}.app-card:hover{transform:translateY(-2px);border-color:rgba(31,155,105,.35)}.status-pill{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.status-pill.good{background:rgba(185,244,208,.88);color:#125a3d}.status-pill.bad{background:rgba(255,205,194,.88);color:#8c2b22}.status-pill.warn{background:rgba(255,223,154,.88);color:#7a520b}.status-pill.neutral{background:rgba(16,32,28,.08);color:var(--muted)}.app-main h4{font-size:24px;margin-top:12px}.repo-audit{display:grid;grid-gap:4px;gap:4px;margin:12px 0 10px}.repo-audit>span{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.repo-audit strong,.repo-link{width:-moz-fit-content;width:fit-content;color:#0f7953;font-size:15px;font-weight:950;text-decoration:none}.repo-link{position:relative;padding-right:20px}.repo-link:after{content:"GH";position:absolute;right:0;top:1px;font-size:10px;letter-spacing:.08em;transition:transform .2s ease}.repo-link:hover:after{transform:translate(2px,-2px)}.deployment-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:13px;font-weight:850}.deployment-meta a,.deployment-meta span{border:1px solid rgba(16,32,28,.1);border-radius:999px;background:rgba(255,255,255,.42);padding:7px 10px}.deployment-meta a{color:#0f7953;text-decoration:none}.app-actions{display:grid;justify-items:end;grid-gap:12px;gap:12px;min-width:145px;color:var(--muted);font-size:12px;font-weight:800}.app-actions button{padding:11px 16px}.timeline{display:grid;grid-gap:16px;gap:16px}.timeline article{position:relative;padding-left:28px}.timeline-pin{position:absolute;left:0;top:4px;width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 7px rgba(92,198,220,.18)}.timeline strong{display:block}.empty-state,.helper-note,.timeline p{margin:7px 0 0;color:var(--muted);line-height:1.55}.new-project{margin-top:22px}.project-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.project-form button,.project-form label:nth-child(2){grid-column:span 2}.project-form button{min-height:51px;align-self:end}.helper-note{max-width:720px}@media (max-width:920px){.app-card,.topbar{align-items:flex-start;flex-direction:column}.content-grid,.hero-card,.project-form{grid-template-columns:1fr}.metrics-grid{flex-direction:column;align-items:stretch}.app-actions{justify-items:start}.project-form button,.project-form label:nth-child(2){grid-column:auto}}@media (max-width:560px){.studio-shell{width:min(100% - 22px,1180px);padding-top:22px}.hero-card,.login-card,.panel{border-radius:26px;padding:22px}.top-actions{width:100%;justify-content:space-between}.hero-copy h2{font-size:42px}}