:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#18201d;background:#f6f4ef;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.site-shell,.account-page{min-height:100vh}.site-header{height:76px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(246,244,239,.92);border-bottom:1px solid #dcded8;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.brand{display:flex;align-items:center;gap:11px}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font-size:18px}.brand small{font-size:8px;letter-spacing:.22em;color:#69736f}.brand-mark{width:34px;height:34px;border:1px solid #1c8479;border-radius:50%;display:grid;place-items:center}.brand-mark i{display:block;width:12px;height:20px;border-left:2px solid #1c8479;border-right:2px solid #1c8479;transform:skew(-10deg)}.button{min-height:42px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;border:1px solid #cfd3cc;cursor:pointer}.button.primary{background:#d9ff4f;border-color:#c7ec42;color:#18201d}.button.secondary{background:#fff}.hero{min-height:670px;padding:80px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(300px,570px) minmax(400px,1fr);align-items:center;gap:8vw}.kicker{display:block;color:#267b71;font-size:11px;font-weight:800;letter-spacing:.18em;margin-bottom:18px}.hero h1,.account-intro h1{font-size:clamp(50px,6vw,88px);line-height:.97;letter-spacing:-.055em;margin:0 0 28px}.hero-copy>p,.account-intro p{max-width:570px;color:#69736f;font-size:18px;line-height:1.65}.actions{display:flex;gap:12px;margin:34px 0}.facts{display:flex;gap:28px;color:#69736f;font-size:13px}.facts b{color:#18201d;margin-right:5px}.hero-board{height:460px;border-radius:28px;background:#1c2421;position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(24,32,29,.22);display:grid;place-items:center}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(217,255,79,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(217,255,79,.06) 1px,transparent 1px);background-size:34px 34px;transform:perspective(500px) rotateX(55deg) scale(1.5)}.hero-board>span{position:absolute;bottom:24px;left:28px;color:#d9ff4f;font:11px ui-monospace,monospace;letter-spacing:.16em}.board-render{width:76%;height:25%;border-radius:50%;background:linear-gradient(160deg,#d8e8e1,#58746c 55%,#263b36);position:relative;transform:rotate(-12deg);box-shadow:0 30px 50px #0008}.board-render i{position:absolute;inset:12% 25%;border:1px solid #d9ff4f55;border-radius:50%}.section{padding:90px clamp(24px,7vw,110px)}.section h2{font-size:42px;letter-spacing:-.04em;max-width:620px}.feature-grid,.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.feature-grid article,.showcase-grid article{padding:30px;border:1px solid #dcded8;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(24,32,29,.05)}.feature-grid article>b{color:#267b71;font:12px ui-monospace,monospace}.feature-grid h3{font-size:22px}.feature-grid p{color:#69736f;line-height:1.6}.showcase-grid article{display:flex;flex-direction:column;gap:8px}.showcase-grid article>i,.mini-board i{height:74px;margin-bottom:18px;background:#1c2421;border-radius:50%}.showcase-grid .short>i,.mini-board.short i{margin-inline:14%}.showcase-grid .fish>i,.mini-board.fish i{border-radius:50% 45% 42% 50%}.showcase-grid span,.project-card span{color:#69736f;font-size:13px}.account-main{padding:70px clamp(24px,7vw,110px);display:grid;grid-template-columns:minmax(300px,480px) minmax(500px,1fr);gap:8vw;align-items:start}.account-intro h1{font-size:56px}.auth-card{background:#fff;border:1px solid #dcded8;border-radius:22px;padding:34px;box-shadow:0 20px 50px rgba(24,32,29,.08)}.auth-columns{display:grid;grid-template-columns:1fr 1fr;gap:34px}.auth-columns form+form{border-left:1px solid #dcded8;padding-left:34px}.auth-columns h2{margin-top:0}.auth-columns label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-size:12px;font-weight:700;color:#69736f}.auth-columns input{height:43px;border:1px solid #cfd3cc;border-radius:10px;padding:0 12px;font:inherit;color:#18201d}.auth-columns .button{width:100%;margin-top:8px}.form-error{background:#fff1ef;color:#9a3127;padding:12px;border-radius:10px;margin-bottom:20px}.dashboard{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.dashboard-nav{background:#1c2421;color:#fff;padding:28px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.dashboard-nav .brand small,.dashboard-nav .user span{color:#9da8a3}.dashboard-nav nav{display:flex;flex-direction:column;gap:7px;margin-top:58px}.dashboard-nav nav a{padding:13px;border-radius:10px;color:#bdc6c2;display:flex;justify-content:space-between}.dashboard-nav nav a.active{background:#d9ff4f;color:#18201d}.dashboard-nav nav span{font-size:11px}.user{margin-top:auto;display:flex;flex-direction:column;gap:5px}.user form{margin-top:10px}.user button{background:none;border:0;color:#d9ff4f;padding:0;cursor:pointer}.dashboard-main{padding:48px clamp(28px,5vw,72px)}.dashboard-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:54px}.dashboard-main h1{font-size:48px;letter-spacing:-.045em;margin:0}.dashboard-main section{margin:46px 0}.dashboard-main section h2{font-size:22px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.project-card{border:1px solid #dcded8;border-radius:18px;background:#fff;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 24px rgba(24,32,29,.04)}.project-card:hover{border-color:#9aa49f;transform:translateY(-2px)}.project-card>b{color:#267b71;font-size:12px;margin-top:8px}.mini-board i{display:block;height:44px;margin:8px 5% 22px}.project-card.archived{opacity:.68}.empty{color:#69736f;border:1px dashed #cfd3cc;border-radius:15px;padding:28px}@media(max-width:900px){.hero,.account-main{grid-template-columns:1fr}.hero-board{height:360px}.feature-grid,.showcase-grid,.project-grid{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.dashboard-nav{position:static;height:auto}.dashboard-nav nav{margin:30px 0}.auth-columns{grid-template-columns:1fr}.auth-columns form+form{border-left:0;border-top:1px solid #dcded8;padding:24px 0 0}.site-header nav>a:not(.button){display:none}.facts{flex-wrap:wrap}}