:root{color-scheme:light;--bg: #fffdf8;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-alt: #fff5dc;--text: #25324a;--muted: #5e6c84;--border: rgba(37, 50, 74, .12);--shadow: 0 18px 50px rgba(37, 50, 74, .12);--accent: #ff8a5b;--accent-strong: #f15a24;--accent-secondary: #2f9e8f;--accent-soft: #ffe7da;--success: #dff5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,138,91,.2),transparent 30%),radial-gradient(circle at top right,rgba(47,158,143,.18),transparent 24%),linear-gradient(180deg,#fff8ef,#fffdf8 38%,#f7fbff)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{display:block;width:100%}button{cursor:pointer}.container{width:min(1160px,calc(100% - 32px));margin:0 auto}.app-shell{position:relative}.floating-admin-link{position:fixed;right:20px;bottom:20px;padding:12px 18px;border-radius:999px;background:#25324aeb;color:#fff;z-index:30;box-shadow:var(--shadow)}.floating-admin-link--active{background:var(--accent-strong)}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8b8;border-bottom:1px solid rgba(37,50,74,.08)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}.brand-mark{display:flex;align-items:center;gap:14px;max-width:320px}.brand-mark strong,.brand-mark small{display:block}.brand-mark strong,.hero-copy h1,.section-heading h2,.content-section h2,.admin-page h1,.admin-sidebar h1{font-family:"Baloo 2",cursive}.brand-mark__badge{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--accent) 0%,#ffc24d 100%);color:#fff;font-weight:800;font-size:1.1rem}.brand-mark__logo{width:52px;height:52px;border-radius:18px;object-fit:cover;box-shadow:0 8px 20px #25324a33}.brand-mark small{color:var(--muted);font-size:.79rem}.site-nav{display:flex;align-items:center;gap:18px}.site-nav a{color:var(--muted);font-weight:700}.nav-admin-link{color:var(--accent-strong)}.menu-toggle{display:none;flex-direction:column;gap:5px;width:46px;height:46px;border:1px solid var(--border);border-radius:14px;background:var(--surface-strong)}.menu-toggle span{width:20px;height:2px;margin:0 auto;background:var(--text)}.hero-section{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:72px 0 32px}.hero-copy h1{margin:12px 0 18px;font-size:clamp(2.8rem,6vw,4.9rem);line-height:.95}.hero-copy p,.section-lead,.content-section p,.admin-section-shell__header p,.admin-sidebar p,.admin-item-card p,.contact-banner p,.site-footer p{color:var(--muted);line-height:1.7}.eyebrow,.section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#ff8a5b1f;color:var(--accent-strong);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.hero-actions,.admin-item-card__actions,.contact-banner__details{display:flex;flex-wrap:wrap;gap:12px}.primary-button,.secondary-button,.admin-item-card__actions button,.admin-menu-button{border:0;border-radius:18px;padding:14px 18px;font-weight:800;transition:transform .18s ease,background-color .18s ease,color .18s ease}.primary-button{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;box-shadow:0 12px 24px #f15a243d}.secondary-button{background:#ffffffb8;color:var(--text);border:1px solid var(--border)}.secondary-button--dark{background:#25324aeb;color:#fff}.primary-button:hover,.secondary-button:hover,.admin-item-card__actions button:hover,.admin-menu-button:hover,.floating-admin-link:hover{transform:translateY(-1px)}.hero-pagination{display:flex;gap:10px;margin-top:24px}.hero-dot{width:14px;height:14px;border:0;border-radius:999px;background:#25324a2e}.hero-dot--active{width:38px;background:var(--accent-strong)}.hero-visual{position:relative;min-height:560px}.hero-visual__image-wrap{overflow:hidden;height:100%;min-height:560px;border-radius:40px;box-shadow:var(--shadow);transform:rotate(2deg)}.hero-visual__image{height:100%;object-fit:cover}.hero-quick-card{position:absolute;max-width:260px;padding:18px;border-radius:24px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero-quick-card strong,.stat-card strong,.contact-banner__details a,.admin-item-card strong,.lesson-card strong{display:block;font-size:1.05rem}.hero-quick-card--top{top:26px;left:-24px}.hero-quick-card--bottom{right:-14px;bottom:34px}.content-section{padding:56px 0}.content-section--split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.section-heading{display:grid;gap:14px;margin-bottom:24px}.section-heading h2,.content-section h2,.contact-banner h2,.admin-page h1,.admin-sidebar h1,.admin-section-shell h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.about-panel,.contact-banner,.admin-form-card,.admin-item-card,.admin-section-shell,.admin-sidebar{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.about-panel{padding:28px;border-radius:34px}.stat-grid,.value-grid,.lesson-grid,.gallery-grid,.admin-card-grid,.admin-editor-grid{display:grid;gap:18px}.stat-grid{margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.value-card,.lesson-card{padding:22px;border-radius:24px;background:var(--surface-strong);border:1px solid rgba(37,50,74,.08)}.value-grid,.lesson-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.value-card__icon,.admin-item-card__icon{display:inline-grid;place-items:center;min-width:60px;min-height:60px;padding:8px 14px;border-radius:20px;background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-card{position:relative;overflow:hidden;min-height:320px;border-radius:30px;box-shadow:var(--shadow)}.gallery-card img{height:100%;object-fit:cover}.gallery-card__overlay{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(180deg,transparent,rgba(37,50,74,.76));color:#fff}.lesson-card{border-top:8px solid var(--lesson-accent)}.contact-banner{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:30px;border-radius:34px;background:radial-gradient(circle at top right,rgba(255,194,77,.24),transparent 26%),linear-gradient(135deg,#ffffffe6,#fff7e8f5)}.contact-banner__details{align-items:center;justify-content:flex-end}.site-footer{padding:0 0 80px}.site-footer__inner{display:flex;justify-content:space-between;gap:20px;padding:24px 0}.admin-page{padding:40px 0 80px}.admin-page__topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.admin-page__actions{display:flex;flex-wrap:wrap;gap:12px}.admin-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.admin-sidebar,.admin-section-shell{border-radius:32px;padding:24px}.admin-sidebar{position:sticky;top:110px;display:grid;gap:18px}.admin-sidebar__menu{display:grid;gap:10px}.admin-menu-button{text-align:left;background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.admin-menu-button--active{background:#ff8a5b1f;color:var(--accent-strong);border-color:#f15a2433}.admin-content{display:grid;gap:20px}.admin-section-shell__header{margin-bottom:22px}.admin-editor-grid{grid-template-columns:360px minmax(0,1fr)}.admin-form-card{display:grid;gap:14px;padding:22px;border-radius:26px}.admin-form-card label{display:grid;gap:8px;font-weight:700}.admin-form-card input,.admin-form-card textarea,.admin-auth-form input,.inline-form-row input{width:100%;border:1px solid rgba(37,50,74,.14);border-radius:16px;padding:13px 14px;background:#ffffffeb}.admin-form-card textarea{min-height:120px;resize:vertical}.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-item-card{display:grid;gap:14px;padding:18px;border-radius:24px}.admin-item-card__thumb{aspect-ratio:16 / 10;object-fit:cover;border-radius:18px}.admin-item-card__actions button{background:var(--surface-strong);border:1px solid var(--border)}.admin-item-card__pill{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;color:#fff;font-size:.85rem;font-weight:800}.inline-form-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.inline-form-row button{border:0;border-radius:16px;padding:12px 16px;background:#25324a14}.admin-auth-card{display:grid;gap:20px;max-width:560px;padding:28px;border-radius:32px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.admin-auth-form{display:grid;gap:14px}.admin-auth-form label{display:grid;gap:8px;font-weight:700}.status-banner{padding:14px 16px;border-radius:18px;border:1px solid transparent;line-height:1.6}.status-banner--info{background:#5b6cff1f;border-color:#5b6cff2e}.status-banner--warning{background:#ffc24d2e;border-color:#ffc24d47}.status-banner--danger{background:#f15a241f;border-color:#f15a2433}.image-upload-field{display:grid;gap:12px}.image-upload-field__actions{display:flex;flex-wrap:wrap;gap:12px}.image-upload-field__picker{width:fit-content}.image-upload-field__preview{max-width:240px}@media (max-width: 1024px){.hero-section,.content-section--split,.contact-banner,.admin-layout,.admin-editor-grid{grid-template-columns:1fr}.value-grid,.lesson-grid,.gallery-grid,.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-visual{min-height:auto}.hero-visual__image-wrap{min-height:420px;transform:none}.hero-quick-card--top{left:16px}.hero-quick-card--bottom{right:16px}.admin-sidebar{position:static}.contact-banner__details{justify-content:flex-start}}@media (max-width: 720px){.site-nav{position:absolute;top:calc(100% + 10px);left:16px;right:16px;display:none;flex-direction:column;align-items:flex-start;padding:18px;border-radius:24px;background:#fffffff5;border:1px solid var(--border);box-shadow:var(--shadow)}.site-nav--open{display:flex}.menu-toggle{display:inline-flex}.hero-copy h1,.section-heading h2,.content-section h2,.contact-banner h2,.admin-page h1,.admin-sidebar h1,.admin-section-shell h2{font-size:clamp(2rem,11vw,3rem)}.stat-grid,.value-grid,.lesson-grid,.gallery-grid,.admin-card-grid,.inline-form-row{grid-template-columns:1fr}.hero-section{padding-top:36px}.hero-visual__image-wrap{min-height:320px}.hero-quick-card{position:static;max-width:none;margin-top:14px}.site-footer__inner,.admin-page__topbar,.admin-page__actions,.hero-actions{flex-direction:column;align-items:flex-start}}
