:root{--pitch: #0a7e3e;--pitch-deep: #065c2c;--electric: #00e07a;--sun: #ffc43d;--sun-deep: #ffb300;--flame: #ff4d4d;--ink: #0e1726;--ink-60: #5a6675;--ink-30: #9aa4b2;--paper: #fbfaf7;--card: #ffffff;--line: #eceae3;--night: #0b1220;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 999px;--e1: 0 1px 2px rgba(14, 23, 38, .06), 0 1px 3px rgba(14, 23, 38, .04);--e2: 0 8px 24px rgba(14, 23, 38, .1);--e-pitch: 0 8px 24px rgba(10, 126, 62, .3);--font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--pitch)}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}h1{font-size:2rem;line-height:1.1;margin:.2rem 0 .5rem}h2{font-size:1.375rem;line-height:1.2;margin:1.6rem 0 .7rem}h3{font-size:1.125rem;line-height:1.3;margin:0}.sub{color:var(--ink-60);margin:0 0 1.2rem;font-size:1.05rem}.muted{color:var(--ink-60)}.wrap{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.wrap.wide{max-width:980px}header.topbar{display:flex;align-items:center;gap:1rem;padding:.9rem 1.25rem;background:#fbfaf7d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}header.topbar .brand{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--pitch)}header.topbar nav{display:flex;gap:.3rem;margin-left:auto;align-items:center}header.topbar nav a{color:var(--ink-60);text-decoration:none;padding:.45rem .8rem;border-radius:var(--r-pill);font-size:.95rem;font-weight:500}header.topbar nav a:hover{color:var(--ink);background:#fff}header.topbar nav a.active{color:var(--pitch-deep);background:#0a7e3e1a}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--e1)}.card.accent{border-left:4px solid var(--pitch)}.card.accent-sun{border-left:4px solid var(--sun)}.stat-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:.9rem 1.1rem;flex:1;min-width:130px;box-shadow:var(--e1)}.stat .label{color:var(--ink-60);font-size:.82rem;font-weight:500}.stat .value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:middle}th{color:var(--ink-60);font-size:.8rem;font-weight:600}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--r-pill)}.badge.in{color:var(--pitch-deep);background:#00e07a29}.badge.out{color:var(--flame);background:#ff4d4d1f}.badge.pot,.badge.drawn{color:var(--ink-60);background:#0e172612}.badge.paid{color:var(--pitch-deep);background:#0a7e3e1f}.badge.unpaid{color:var(--ink-60);background:transparent;border:1px dashed var(--ink-30)}.badge.premium{color:var(--ink);background:linear-gradient(120deg,var(--sun),var(--sun-deep))}.out-text{text-decoration:line-through;color:var(--ink-30)}.team{display:inline-flex;align-items:center;gap:.4rem}.pill{font-size:.85rem;color:var(--ink-60);font-weight:500}button,.btn{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink);padding:.6rem 1.1rem;border-radius:var(--r-sm);text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s,background .15s,filter .15s}button:hover,.btn:hover{background:var(--paper)}button:active,.btn:active{transform:scale(.97)}button.primary,.btn.primary{background:var(--pitch);color:#fff;border-color:transparent;box-shadow:var(--e-pitch)}button.primary:hover,.btn.primary:hover{background:var(--pitch-deep);transform:translateY(-1px)}button.sun,.btn.sun{background:var(--sun);color:var(--ink);border-color:transparent}button.sun:hover,.btn.sun:hover{background:var(--sun-deep);transform:translateY(-1px)}button.danger,.btn.danger{background:transparent;color:var(--flame);border-color:#ff4d4d59}button.danger:hover,.btn.danger:hover{background:#ff4d4d14}button.ghost,.btn.ghost{background:transparent}button.lg,.btn.lg{padding:.85rem 1.6rem;font-size:1.05rem}button:disabled{background:var(--ink-30);color:#fff;border-color:transparent;box-shadow:none;cursor:not-allowed;opacity:.7}input,select{font:inherit;background:#fff;border:1.5px solid var(--line);color:var(--ink);border-radius:var(--r-sm);padding:.65rem .85rem;height:48px}input:focus,select:focus{outline:none;border-color:var(--pitch);box-shadow:0 0 0 3px #0a7e3e26}label{display:block;font-size:.875rem;color:var(--ink-60);font-weight:600;margin-bottom:.35rem}.field{margin-bottom:.9rem}.row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:flex-end}.error{color:#a01722;background:#ff4d4d1a;border:1px solid rgba(255,77,77,.4);padding:.7rem .9rem;border-radius:var(--r-sm);margin-bottom:.9rem}.ok{color:var(--pitch-deep);background:#00e07a1f;border:1px solid rgba(10,126,62,.3);padding:.7rem .9rem;border-radius:var(--r-sm);margin-bottom:.9rem}code{background:#0e17260f;padding:.15rem .4rem;border-radius:6px;font-size:.9em}.hero{background:linear-gradient(150deg,var(--pitch) 0%,var(--pitch-deep) 100%);color:#fff;border-radius:var(--r-lg);padding:2.5rem 1.75rem;text-align:center;margin-bottom:1.5rem;box-shadow:var(--e-pitch)}.hero h1{color:#fff;font-size:2.75rem;line-height:1.05;margin:0 0 .6rem}.hero p{color:#ffffffe6;font-size:1.15rem;margin:0}.doors{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.door{border-radius:var(--r-lg);padding:2rem 1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.35rem;box-shadow:var(--e1);transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s;border:1px solid var(--line)}.door:hover{transform:translateY(-3px);box-shadow:var(--e2)}.door .ico{font-size:2.4rem;line-height:1}.door .title{font-family:var(--font-display);font-weight:700;font-size:1.4rem}.door .help{font-size:.92rem;opacity:.85}.door.create{background:linear-gradient(150deg,var(--pitch),var(--pitch-deep));color:#fff;box-shadow:var(--e-pitch)}.door.create .help{color:#ffffffe6}.door.join{background:linear-gradient(150deg,var(--sun),var(--sun-deep));color:var(--ink)}.steps{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;color:var(--ink-60);font-weight:600}.steps span{display:inline-flex;align-items:center;gap:.4rem}.trust{text-align:center;color:var(--ink-60);font-size:.92rem;margin-top:1rem}@media (max-width: 620px){.doors{grid-template-columns:1fr}.hero h1{font-size:2.1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}