:root{--bg: #fffaf5;--surface: #ffffff;--text: #1f1f1f;--muted: #666;--brand: #d35400;--brand-600: #b84300;--line: #f0e3d8;--shadow: 0 10px 30px rgba(0, 0, 0, .08);--radius: 14px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 500px at 10% -10%,#ffe8d6 0%,transparent 60%),radial-gradient(1000px 500px at 100% 0%,#fff2e8 0%,transparent 55%),var(--bg);line-height:1.45}.home-page{width:min(1120px,92%);margin:0 auto 56px}.header{position:sticky;top:0;z-index:20;margin-top:14px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 6px 20px #0000000a}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:0}.brand-logo{width:46px;height:46px;object-fit:cover;border-radius:12px;border:1px solid var(--line);box-shadow:0 4px 10px #00000014;background:#fff}.brand-title{font-weight:800;letter-spacing:.2px;font-size:1rem;white-space:nowrap}.header-nav{display:flex;flex-wrap:wrap;gap:8px}.header-nav a{color:#3f3f3f;text-decoration:none;font-weight:600;font-size:.92rem;padding:8px 12px;border-radius:999px;transition:background .2s ease,color .2s ease}.header-nav a:hover{background:#fff0e6;color:var(--brand-600)}.hero{margin-top:22px;background:linear-gradient(135deg,#fff6ef,#fff 70%);border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);padding:clamp(24px,4vw,44px);box-shadow:var(--shadow)}.hero h1{margin:0 0 10px;font-size:clamp(1.6rem,3.8vw,2.6rem);line-height:1.1}.hero p{margin:0 0 18px;color:var(--muted);max-width:62ch}.section{margin-top:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(16px,3vw,26px);box-shadow:var(--shadow)}.section h2{margin:0 0 14px;font-size:clamp(1.2rem,2.2vw,1.55rem)}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.card{grid-column:span 4;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:hover{transform:translateY(-2px);border-color:#efc9ae;box-shadow:0 14px 26px #d3540024}.card img{width:100%;height:190px;object-fit:cover;border-radius:10px;background:#f7f7f7}.card h3{margin:2px 0 0;font-size:1.08rem}.card p{margin:0;color:#555;min-height:42px}.card strong{margin-top:2px;font-size:1.08rem}.btn,button.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--brand);color:#fff;font-weight:700;padding:10px 14px;border-radius:10px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease;box-shadow:0 7px 18px #d3540042}.btn:hover,button.btn:hover{background:var(--brand-600);transform:translateY(-1px)}.btn:disabled,button.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.btn-secondary,button.btn.btn-secondary{background:#ececec;color:#222;box-shadow:none}.admin-auth,.admin-grid{margin:14px 0}.admin-auth label,.admin-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}input[type=password],input[type=number]{width:100%;border:1px solid #d8d8d8;border-radius:10px;padding:10px 12px;font:inherit;background:#fff}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #ffb070;outline-offset:2px;border-radius:10px}.error{color:#b00020;font-weight:600}@media (max-width: 980px){.card{grid-column:span 6}}@media (max-width: 760px){.home-page{width:min(680px,94%)}.header{border-radius:16px;padding:10px;flex-direction:column;align-items:stretch}.brand-title{white-space:normal}.header-nav{justify-content:space-between}.header-nav a{padding:8px 10px;font-size:.88rem}.card{grid-column:span 12}.card img{height:210px}.admin-grid{grid-template-columns:1fr}}