:root{--bg: #f5f5f1;--surface: #ffffff;--surface-alt: #f0efe9;--text: #1d1f24;--text-soft: #5b6270;--border: #d5d9e3;--primary: #0c6cf2;--primary-hover: #0a59c9;--danger: #b42323;--danger-hover: #8f1d1d;--ok: #0f7b35;--header-bg: #0e1f36;--header-text: #f3f7ff;--shadow: 0 8px 24px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top right,#dce6fb 0%,var(--bg) 48%,#eeeadf 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:inherit}.container{width:min(1080px,calc(100vw - 2rem));margin:0 auto}.site-shell,.admin-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--header-bg) 96%,transparent);color:var(--header-text);border-bottom:1px solid color-mix(in srgb,var(--header-bg) 78%,#fff);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{text-decoration:none;font-size:1.1rem;font-weight:800;letter-spacing:.02em}.nav{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.nav a,.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;border-radius:999px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;color:var(--header-text);background:transparent;cursor:pointer}.nav a:hover,.link-button:hover{border-color:color-mix(in srgb,#ffffff 65%,transparent);background:color-mix(in srgb,#ffffff 16%,transparent)}.main-content{padding:1.5rem 0 3.5rem}.stack{display:grid;gap:1rem}.card{background:color-mix(in srgb,var(--surface) 94%,#fff);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:1.2rem}.card h1,.card h2,.card h3{margin-top:0}.hero h1{font-size:clamp(1.5rem,2.8vw,2.4rem)}.cta{background:linear-gradient(130deg,#ecf3ff,#f7f5ea)}.stats-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.stats-grid article{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:.75rem}.stats-grid h2{margin:0;font-size:1.6rem}.stats-grid p{margin:.2rem 0 0;color:var(--text-soft)}.button,button.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:.6rem 1rem;text-decoration:none;font-weight:700;font-size:.9rem;cursor:pointer;color:#fff;background:var(--primary)}.button:hover,button.button:hover{background:var(--primary-hover)}.button.secondary{background:#64748b}.button.secondary:hover{background:#4f5d70}.button.danger{background:var(--danger)}.button.danger:hover{background:var(--danger-hover)}.actions{margin-top:.85rem;display:flex;flex-wrap:wrap;gap:.6rem}.project-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.project-card{border:1px solid var(--border);border-radius:12px;padding:.85rem;background:#fff;display:grid;gap:.45rem}.project-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:8px;border:1px solid var(--border)}.project-card h3{margin:.2rem 0}.project-card p{margin:0;color:var(--text-soft)}.project-card .actions{margin-top:.35rem}.project-card .actions a{color:var(--primary);font-weight:600}.form{display:grid;gap:.75rem}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.form label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--text-soft)}.form input,.form select,.form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.62rem .7rem;font:inherit;color:var(--text);background:#fff}.form textarea{min-height:110px;resize:vertical}.form .full{grid-column:1 / -1}.form .checkbox{display:flex;align-items:center;gap:.55rem;color:var(--text);min-height:44px}.form .checkbox input{width:18px;height:18px}.error{margin:0;color:#a70f0f;font-weight:600}.ok{margin:0;color:var(--ok);font-weight:700}.maintenance-screen,.admin-login-shell{min-height:100vh;display:grid;place-items:center;padding:1.2rem}.maintenance-screen{text-align:center;gap:.75rem}.admin-card{width:min(540px,100%)}@media(max-width:760px){.site-header-inner{min-height:auto;padding:.75rem 0;align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.grid-2{grid-template-columns:1fr}}
