:root{--paper:#faf9f4;--white:#fff;--ink:#13251c;--mut:#5f7168;--line:rgba(19,37,28,.1);--green:#136a4a;--green2:#1b8a5f;--deep:#0e4b36;--mint:#e4f6eb;--amber:#b07a1f;--sh:0 24px 60px -32px rgba(19,37,28,.18)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:600;line-height:1.2}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.header{position:-webkit-sticky;position:sticky;top:12px;z-index:50;display:flex;justify-content:center;padding:0 16px}.header__inner{width:100%;max-width:1100px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 22px;border-radius:999px;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:0 10px 40px -18px rgba(19,37,28,.14)}.logo{font-family:Georgia,serif;font-size:18px;font-weight:700;color:var(--ink)}.nav{display:flex;gap:18px;align-items:center;font-size:14px;font-weight:600}.nav a{color:var(--mut)}.nav a:hover{color:var(--green)}.main{max-width:1100px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;padding:56px 20px}.hero h1{font-size:clamp(32px,5vw,52px);margin:0 0 16px}.hero p{color:var(--mut);font-size:17px;max-width:620px;margin:0 auto 8px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:18px;gap:18px;margin-top:36px}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:var(--sh);transition:transform .3s,box-shadow .3s;display:block;color:var(--ink)}.card:hover{transform:translateY(-4px);box-shadow:0 30px 70px -30px rgba(19,37,28,.25);text-decoration:none}.card__title{font-size:19px;margin:0 0 8px;color:var(--ink)}.card__text{font-size:14px;color:var(--mut);margin:0}.badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--mint);color:var(--green);border-radius:999px;padding:3px 10px;margin-bottom:12px}.badge--soon{background:#fbf3dc;color:var(--amber)}.search{width:100%;max-width:560px;padding:14px 18px;font-size:15px;border-radius:14px;border:1px solid rgba(19,37,28,.14);background:var(--white);margin:0 auto 28px;display:block}.search:focus{outline:none;border-color:var(--green2);box-shadow:0 0 0 4px rgba(27,138,95,.12)}.list{flex-direction:column;gap:10px}.item,.list{display:flex}.item{align-items:center;gap:14px;padding:14px 18px;background:var(--white);border:1px solid var(--line);border-radius:16px;transition:border-color .2s}.item:hover{border-color:rgba(27,138,95,.35);text-decoration:none}.item code{font-family:Consolas,monospace;font-size:13px;color:var(--green);font-weight:700;background:var(--mint);padding:2px 8px;border-radius:8px}.item span{font-size:14.5px;font-weight:600;color:var(--ink)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot--1{background:#ef4444}.dot--2{background:#f97316}.dot--3{background:#f59e0b}.dot--4{background:#06b6d4}.dot--5{background:#22c55e}.muted{font-size:14px}.empty,.muted{color:var(--mut)}.empty{text-align:center;padding:40px 0}.detail-card{background:var(--white);border:1px solid var(--line);border-radius:28px;padding:40px;box-shadow:var(--sh)}.detail-card h1{font-size:clamp(24px,3vw,34px);margin:12px 0 20px}.detail-card .code-big{font-family:Consolas,monospace;font-size:20px;font-weight:700;color:var(--green);background:var(--mint);padding:8px 16px;border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:999px;border:1px solid transparent;background:var(--green);color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;transition:background .2s,transform .15s}.btn:hover{background:var(--green2);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--ghost{background:transparent;color:var(--mut);border-color:var(--line)}.btn--ghost:hover{color:var(--green);border-color:var(--green2);background:var(--mint)}.btn--sm{padding:7px 14px;font-size:13px}.btn--wide{width:100%;padding:13px 20px}.auth-wrap{display:flex;justify-content:center;padding-top:24px}.form-card{width:100%;max-width:440px;background:var(--white);border:1px solid var(--line);border-radius:24px;box-shadow:var(--sh);padding:36px}.form-card h1{font-size:28px;margin:0 0 8px}.field{display:block;margin:18px 0}.field__label{display:block;font-size:13px;font-weight:700;color:var(--mut);margin-bottom:6px}.field input{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;border-radius:12px;border:1px solid rgba(19,37,28,.14);background:var(--paper);color:var(--ink)}.field input:focus{outline:none;border-color:var(--green2);background:var(--white);box-shadow:0 0 0 4px rgba(27,138,95,.12)}.field select{width:100%;padding:12px 16px;font-size:15px;font-family:inherit;border-radius:12px;border:1px solid rgba(19,37,28,.14);background:var(--paper);color:var(--ink)}.field select:focus{outline:none;border-color:var(--green2);background:var(--white);box-shadow:0 0 0 4px rgba(27,138,95,.12)}.alert{border-radius:12px;padding:12px 16px;font-size:14px;margin:14px 0}.alert--error{background:#fee2e2;color:#991b1b}.form-card__foot{margin-top:18px;text-align:center}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:8px}.dashboard-head h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 4px}@media (max-width:640px){.nav{gap:10px;font-size:13px}.detail-card,.form-card{padding:24px}.dashboard-head{flex-direction:column}}