:root{--bg:#f6f3ec;--bg-soft:#eef6f3;--surface:#fffdf9;--surface-2:#f4faf8;--text:#172826;--muted:#667976;--accent:#168f84;--accent-dark:#0f6e66;--mint:#dcefeb;--gold:#b9863d;--danger:#b84444;--line:#dce6e2;--shadow:0 18px 55px rgba(38,67,62,.11);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 420px at 8% -5%,#d9efea 0,transparent 62%),linear-gradient(180deg,#fbfaf6 0,#f5f2eb 100%);color:var(--text);min-height:100vh}a{color:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.nav{position:sticky;top:0;z-index:30;background:rgba(255,253,249,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(210,224,219,.85);box-shadow:0 6px 28px rgba(47,78,72,.05)}.navin{min-height:74px;display:flex;align-items:center;gap:22px}.brand{font-weight:900;font-size:23px;text-decoration:none;letter-spacing:-.5px}.brand span{color:var(--accent)}.links{display:flex;gap:17px;align-items:center;margin-left:auto}.links a{text-decoration:none;color:#4e6360;font-weight:650;font-size:14px}.links a:hover{color:var(--accent-dark)}.mobile-toggle{display:none;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--text);padding:11px 16px;border-radius:13px;text-decoration:none;cursor:pointer;font:inherit;font-weight:750;box-shadow:0 5px 16px rgba(44,77,70,.05);transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#afd1ca}.btn.primary{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-color:transparent;box-shadow:0 10px 25px rgba(22,143,132,.22)}.btn.danger{background:#fff0f0;color:var(--danger);border-color:#efcaca}.hero{padding:66px 0 38px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:38px;align-items:center}.eyebrow{display:inline-flex;color:var(--accent-dark);font-weight:850;background:var(--mint);padding:7px 11px;border-radius:999px;font-size:12px;letter-spacing:.08em}.hero h1{font-size:clamp(43px,7vw,76px);line-height:.98;margin:17px 0 18px;letter-spacing:-2.4px}.hero p{font-size:19px;color:var(--muted);line-height:1.7;max-width:650px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.hero-card,.card{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:var(--radius);padding:23px;box-shadow:var(--shadow)}.hero-visual{min-height:420px;display:flex;align-items:flex-end;background:linear-gradient(180deg,rgba(8,43,39,.03),rgba(8,43,39,.7)),url('hero.svg') center/cover;border-radius:28px;padding:28px;color:#fff;box-shadow:0 24px 60px rgba(39,74,68,.2)}.hero-visual h2{font-size:31px;margin:12px 0 0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-8{grid-column:span 8}.col-12{grid-column:span 12}.section{padding:34px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section h1,.section h2{letter-spacing:-.8px}.section h2{font-size:35px;margin:0}.card h3{margin-top:0}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;border:1px solid #cfe0dc;border-radius:99px;padding:6px 10px;font-size:12px;color:#526965;background:#f4faf8}.list-card{display:block;text-decoration:none;transition:.18s ease}.list-card:hover{transform:translateY(-3px);border-color:#b9d9d2;box-shadow:0 22px 55px rgba(38,67,62,.15)}.thumb{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px;background:#e7efec}.form{display:grid;gap:14px}.field label{display:block;margin-bottom:7px;color:#536b67;font-weight:700}input,textarea,select{width:100%;background:#fff;color:var(--text);border:1px solid #ccdcd8;border-radius:12px;padding:13px;font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:#51a99f;box-shadow:0 0 0 4px rgba(22,143,132,.1)}textarea{min-height:130px}.flash{margin:18px 0;padding:14px;border-radius:13px;background:#e0f3ee;border:1px solid #a8d7cc;color:#195f57}.flash.error{background:#fff0f0;border-color:#efc4c4;color:#8e3131}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.admin-shell{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:28px 0}.sidebar{position:sticky;top:94px;height:max-content}.sidebar a{display:block;padding:11px 13px;text-decoration:none;border-radius:11px;color:#566c68;font-weight:650}.sidebar a:hover{background:#e7f3f0;color:var(--accent-dark)}.footer{padding:46px 0;color:var(--muted);border-top:1px solid var(--line);margin-top:52px;background:rgba(255,253,249,.55)}.lock{padding:30px;text-align:center;border:1px dashed #cba66d;border-radius:18px;background:#fff9ee}.pagination{display:flex;gap:8px;margin-top:18px}.pagination a{padding:8px 12px;border:1px solid var(--line);border-radius:9px;text-decoration:none}.rating{color:var(--gold);font-weight:800}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}.stat{background:rgba(255,253,249,.9);border:1px solid var(--line);padding:17px;border-radius:16px}.stat strong{display:block;font-size:27px}.stat span{font-size:13px;color:var(--muted)}.feature-icon{font-size:27px;margin-bottom:12px}.empty{padding:32px;text-align:center;color:var(--muted)}.searchbar{display:flex;gap:10px}.searchbar input{flex:1}.beta-strip{background:#173d39;color:#fff;text-align:center;padding:8px 16px;font-size:13px}.beta-strip a{color:#bdebe3}.mobile-menu{display:none;padding:0 0 16px}.mobile-menu a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid var(--line);font-weight:700;color:#49615d}@media(max-width:900px){.hero-grid,.admin-shell{grid-template-columns:1fr}.links{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:block}.col-3,.col-4,.col-6,.col-8{grid-column:span 12}.sidebar{position:static}.hero{padding-top:42px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 22px,1180px)}.hero h1{font-size:43px}.hero p{font-size:17px}.stats{grid-template-columns:1fr}.searchbar{flex-direction:column}.hero-visual{min-height:330px}.section h2{font-size:29px}}