@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');
:root{--bg:hsl(38 40% 96%);--fg:hsl(25 30% 12%);--card:hsl(38 45% 98%);--muted:hsl(38 25% 90%);--muted-fg:hsl(25 15% 38%);--border:hsl(38 25% 85%);--primary:hsl(14 65% 45%);--primary2:hsl(14 70% 35%);--gold:hsl(42 70% 55%);--gold-soft:hsl(42 55% 70%);--leaf:hsl(130 30% 32%);--leaf-deep:hsl(135 35% 22%);--ink:hsl(25 30% 10%);--radius:18px;--shadow:0 20px 50px -20px hsl(14 65% 45%/.35);--soft:0 8px 30px -10px hsl(25 30% 12%/.15);--gold-shadow:0 10px 40px -15px hsl(42 70% 55%/.5)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1400px,100% - 48px);margin-inline:auto}.font-display,h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;letter-spacing:-.01em}.ornament-top{height:4px;background:repeating-linear-gradient(90deg,hsl(42 70% 55%/.6) 0 8px,transparent 8px 14px,hsl(14 65% 45%/.6) 14px 22px,transparent 22px 28px)}.ornament-divider{display:flex;align-items:center;justify-content:center;gap:1rem;color:var(--gold)}.ornament-divider:before,.ornament-divider:after{content:'';flex:1;max-width:80px;height:1px;background:linear-gradient(90deg,transparent,hsl(42 70% 55%/.6),transparent)}.ornament-divider span{font-size:11px;text-transform:uppercase;letter-spacing:.28em;font-weight:700;color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:999px;padding:.9rem 1.35rem;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-weight:700;box-shadow:var(--gold-shadow);cursor:pointer}.btn-outline{background:hsl(0 0% 100%/.12);border:1px solid hsl(0 0% 100%/.4);box-shadow:none}.btn-small{padding:.55rem 1rem;font-size:.84rem}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .65rem;background:hsl(42 70% 55%/.18);color:var(--fg);font-size:.72rem;font-weight:700;border:1px solid hsl(42 70% 55%/.35)}.muted{color:var(--muted-fg)}.section{padding:96px 0}.section-warm{background:linear-gradient(135deg,hsl(38 40% 96%),hsl(28 45% 92%))}.section-dark{background:var(--ink);color:#fff}.section-green{background:var(--leaf-deep);color:#fff}.section-header{text-align:center;max-width:760px;margin:0 auto 56px}.section-header h2{font-size:clamp(2.3rem,5vw,4rem);line-height:1.02;margin:12px 0}.section-header p{color:var(--muted-fg);line-height:1.7;margin:0}.section-header.light .ornament-divider span,.section-header.light h2{color:#fff}.section-header.light p{color:hsl(0 0% 100%/.72)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-6{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--soft);overflow:hidden}.card-pad{padding:24px}.hover-lift{transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.image-wrap{position:relative;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.card:hover .image-wrap img,.image-wrap:hover img{transform:scale(1.08)}.aspect-43{aspect-ratio:4/3}.aspect-1610{aspect-ratio:16/10}.site-header{position:fixed;top:4px;left:0;right:0;z-index:90;transition:.3s}.site-header.scrolled{background:hsl(38 45% 98%/.92);backdrop-filter:blur(14px);box-shadow:var(--soft)}.navbar{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:grid;place-items:center;font-family:'Cormorant Garamond',serif;font-weight:700;font-size:1.4rem;box-shadow:var(--gold-shadow)}.brand strong{display:block;font-family:'Cormorant Garamond',serif;font-size:1.22rem}.brand small{display:block;font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-soft)}.nav-menu{display:flex;align-items:center;gap:4px}.nav-menu a{font-size:.86rem;font-weight:650;padding:.6rem .7rem;border-radius:999px;color:var(--fg)}.nav-menu a.active,.nav-menu a:hover{color:var(--primary);background:hsl(14 65% 45%/.08)}.nav-toggle{display:none;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.55rem .8rem}.hero{position:relative;height:100svh;min-height:680px;background:var(--ink);overflow:hidden;color:#fff}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide.active img{animation:ken 8s ease-out both}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,hsl(25 30% 10%/.25),hsl(25 30% 10%/.86)),linear-gradient(90deg,hsl(25 30% 10%/.72),transparent)}.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:90px;max-width:720px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold-soft);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;font-weight:700}.eyebrow:before{content:'';height:1px;width:48px;background:var(--gold)}.hero h1{font-size:clamp(3.4rem,8vw,6rem);line-height:1.03;margin:.55em 0 .25em;white-space:pre-line}.hero p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.75;color:hsl(0 0% 100%/.84);max-width:620px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.hero-dots{position:absolute;left:0;right:0;bottom:172px;z-index:3}.dot-row{display:flex;gap:18px}.hero-dot{background:transparent;border:0;color:hsl(0 0% 100%/.5);cursor:pointer;text-align:left}.hero-dot span{display:block;height:2px;width:32px;background:hsl(0 0% 100%/.42);margin-bottom:7px;transition:.3s}.hero-dot.active span{width:56px;background:var(--gold)}.hero-dot.active{color:var(--gold-soft)}.hero-arrows{margin-left:auto;display:flex;gap:8px}.hero-arrow{width:48px;height:48px;border-radius:50%;border:1px solid hsl(0 0% 100%/.35);background:transparent;color:#fff;font-size:1.4rem;cursor:pointer}.quick-links{position:absolute;left:0;right:0;bottom:0;z-index:4;padding-bottom:24px}.quick-card{background:hsl(38 45% 98%/.88);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:12px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);gap:12px;color:var(--fg)}.quick-card a{display:flex;gap:12px;align-items:center;border-radius:16px;padding:16px;transition:.25s}.quick-card a:hover{background:hsl(14 65% 45%/.08)}.quick-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:var(--soft);font-size:1.25rem}.marquee{background:var(--ink);color:#fff;border-block:1px solid hsl(42 70% 55%/.2);overflow:hidden}.marquee-inner{display:flex;align-items:center;gap:16px;padding:10px 0}.marquee-label{flex:0 0 auto;background:linear-gradient(135deg,var(--primary),var(--primary2));padding:6px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:800}.marquee-track{display:flex;gap:48px;white-space:nowrap;animation:marquee 35s linear infinite}.marquee-track span{color:hsl(0 0% 100%/.78);font-size:.9rem}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.stat-card{background:hsl(0 0% 100%/.04);border:1px solid hsl(0 0% 100%/.1);border-radius:18px;padding:24px}.stat-card .icon{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),var(--primary2));display:grid;place-items:center;margin-bottom:16px}.stat-card .num{font-family:'Cormorant Garamond',serif;color:var(--gold-soft);font-size:2.2rem;font-weight:700}.news-feature{display:grid;grid-template-columns:1fr 1fr;gap:32px}.feature-card .image-wrap{aspect-ratio:16/10}.overlay-title{position:absolute;inset:auto 0 0 0;padding:28px;color:#fff;background:linear-gradient(0deg,hsl(25 30% 10%/.85),transparent)}.list-news{display:grid;gap:20px}.side-news{display:grid;grid-template-columns:210px 1fr;gap:18px;padding:16px}.service-card .icon,.feature-icon{width:50px;height:50px;border-radius:14px;background:hsl(14 65% 45%/.1);color:var(--primary);display:grid;place-items:center;font-size:1.4rem;margin-bottom:18px}.agenda-card{display:flex;gap:22px;align-items:center;padding:24px}.date-box{width:80px;height:96px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--gold-shadow);flex:0 0 auto}.date-box strong{font-family:'Cormorant Garamond',serif;font-size:2.2rem;line-height:1}.date-box small{letter-spacing:.16em;text-transform:uppercase;color:var(--gold-soft)}.filter-row{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px}.filter-btn{border:1px solid var(--border);background:var(--card);border-radius:999px;padding:.65rem 1rem;color:var(--fg);font-weight:650;cursor:pointer}.filter-btn.active{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border-color:transparent;box-shadow:var(--gold-shadow)}.culture-row{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center;margin-bottom:100px}.culture-row:nth-child(even) .culture-img{order:2}.culture-img{position:relative;aspect-ratio:4/3;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.culture-img img{width:100%;height:100%;object-fit:cover}.masonry{columns:4 220px;column-gap:16px}.gallery-item{break-inside:avoid;display:block;margin:0 0 16px;border:0;padding:0;background:transparent;cursor:pointer;width:100%;position:relative;border-radius:18px;overflow:hidden}.gallery-item img{width:100%;height:auto;transition:.7s}.gallery-item:hover img{transform:scale(1.08)}.gallery-item figcaption{position:absolute;inset:auto 0 0 0;padding:42px 16px 16px;color:#fff;text-align:left;background:linear-gradient(0deg,hsl(25 30% 10%/.88),transparent);transform:translateY(12px);transition:.35s}.gallery-item:hover figcaption{transform:translateY(0)}.lightbox{position:fixed;inset:0;background:hsl(25 30% 10%/.96);z-index:999;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.show{display:flex}.lightbox img{max-width:90vw;max-height:78vh;border-radius:18px}.lightbox button{position:absolute;background:hsl(0 0% 100%/.12);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:1.5rem;cursor:pointer}.lb-close{top:24px;right:24px}.lb-prev{left:24px}.lb-next{right:24px}.page-hero{min-height:430px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff;padding:150px 0 70px}.page-hero h1{font-size:clamp(3rem,7vw,5.4rem);line-height:1;margin:12px 0}.page-hero p{max-width:760px;color:hsl(0 0% 100%/.8);font-size:1.1rem;line-height:1.7}.breadcrumb{font-size:.86rem;color:hsl(0 0% 100%/.7)}.breadcrumb a{color:#fff}.profile-text p{line-height:1.8;color:var(--muted-fg)}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.rounded-img{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/5}.rounded-img img{width:100%;height:100%;object-fit:cover}.timeline-list{display:grid;gap:16px}.org-tree{text-align:center}.org-node{display:inline-block;border-radius:18px;padding:14px 24px;background:var(--muted);border:1px solid var(--border);margin:8px}.org-node.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:var(--gold-shadow)}.form-box input,.form-box textarea,.form-box select,.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid var(--border);background:var(--bg);padding:.8rem 1rem;border-radius:12px;font:inherit}.form-box textarea,.admin-form textarea{min-height:120px}.form-box{display:grid;gap:14px;padding:32px;border-radius:28px}.footer{background:var(--ink);color:#fff;padding:76px 0 28px;position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px}.footer p,.contact-list{color:hsl(0 0% 100%/.62);line-height:1.7;font-size:.92rem}.contact-list{list-style:none;padding:0}.contact-list li{margin:.65rem 0}.footer-links{display:grid;gap:12px;align-content:start}.footer-links h4{color:var(--gold-soft);font-size:1.25rem;margin:0 0 10px}.footer-links a{color:hsl(0 0% 100%/.7);font-size:.9rem}.footer-links a:hover{color:#fff}.socials{display:flex;gap:10px}.socials a{width:38px;height:38px;border:1px solid hsl(0 0% 100%/.2);border-radius:50%;display:grid;place-items:center}.footer-ornament{margin:32px auto}.footer-ornament span{color:var(--gold-soft);font-size:1.3rem}.footer-bottom{border-top:1px solid hsl(0 0% 100%/.1);padding-top:20px;color:hsl(0 0% 100%/.5);font-size:.8rem;display:flex;justify-content:space-between;gap:14px}.floating-wa,.back-to-top{position:fixed;right:22px;z-index:80;border:0;border-radius:999px;box-shadow:var(--soft)}.floating-wa{bottom:88px;background:#25d366;color:#fff;font-weight:800;padding:14px 13px}.back-to-top{bottom:28px;width:44px;height:44px;background:var(--card);color:var(--primary);cursor:pointer;display:none}.back-to-top.show{display:block}.weather{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--soft)}.weather-temp{font-family:'Cormorant Garamond',serif;color:var(--primary);font-size:3.4rem;font-weight:700}.admin-layout{background:#f7f2ea}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.admin-sidebar{background:var(--ink);color:#fff;padding:24px;position:sticky;top:0;height:100vh;overflow:auto}.admin-sidebar a{display:block;padding:10px 12px;border-radius:10px;color:hsl(0 0% 100%/.72);font-size:.9rem}.admin-sidebar a:hover,.admin-sidebar a.active{background:hsl(0 0% 100%/.08);color:#fff}.admin-main{padding:32px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.table-wrap{background:#fff;border:1px solid var(--border);border-radius:18px;overflow:auto;box-shadow:var(--soft)}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid #eee;text-align:left;vertical-align:top;font-size:.9rem}th{background:#faf7f0;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#706259}.admin-img{width:70px;height:54px;object-fit:cover;border-radius:8px}.admin-form{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:var(--soft);display:grid;gap:16px;max-width:980px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field-full{grid-column:1/-1}.alert{padding:14px 16px;border-radius:12px;background:hsl(130 30% 32%/.1);border:1px solid hsl(130 30% 32%/.2);color:var(--leaf)}.danger{background:#b83232;color:#fff;box-shadow:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.reveal.in-view{opacity:1;transform:none}@keyframes ken{from{transform:scale(1.05)}to{transform:scale(1.18)}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(max-width:1100px){.grid-6{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(2,1fr)}.news-feature,.split,.culture-row{grid-template-columns:1fr}.culture-row:nth-child(even) .culture-img{order:0}.quick-card{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.nav-toggle{display:block}.nav-menu{position:absolute;top:76px;left:24px;right:24px;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-menu.show{display:flex}.nav-menu a{color:var(--fg)}}@media(max-width:720px){.container{width:min(100% - 28px,1400px)}.section{padding:72px 0}.grid-2,.grid-3,.grid-4,.grid-6,.stats-grid{grid-template-columns:1fr}.hero{min-height:720px}.hero h1{font-size:3.2rem}.quick-card{grid-template-columns:1fr}.hero-dots{bottom:250px}.hero-arrows{display:none}.side-news{grid-template-columns:120px 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.form-grid{grid-template-columns:1fr}.admin-main{padding:20px}}


/* Faithful React/Vite navigation dropdown + Sambutan refinements */
.nav-group{position:relative;display:flex;align-items:center}.nav-group>a:after{content:'⌄';font-size:.7rem;margin-left:.25rem;opacity:.7}.dropdown{position:absolute;top:calc(100% + 12px);left:0;min-width:240px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none}.dropdown a{display:block;color:var(--fg)!important;padding:10px 12px;border-radius:10px;white-space:nowrap}.dropdown a:hover{background:hsl(14 65% 45%/.08);color:var(--primary)!important}.nav-group:hover .dropdown{display:block}.site-header:not(.scrolled) .dropdown{background:hsl(38 45% 98%/.96);backdrop-filter:blur(14px)}
.sambutan-section{position:relative;overflow:hidden}.decor-blob{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none}.blob-gold{right:-120px;top:-100px;width:500px;height:500px;background:hsl(42 70% 55%/.08)}.sambutan-grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:center}.sambutan-photo{position:relative}.sambutan-main-img{aspect-ratio:4/5}.sambutan-main-img:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,hsl(25 30% 10%/.35),transparent);pointer-events:none}.floating-badge{position:absolute;right:-22px;bottom:-24px;background:var(--card);border:1px solid var(--border);border-radius:22px;padding:18px 24px;box-shadow:var(--shadow);max-width:280px}.tiny-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--primary);font-weight:800}.badge-name{font-family:'Cormorant Garamond',serif;font-size:1.7rem;font-weight:700;margin-top:3px}.gold-frame{position:absolute;left:-16px;top:-16px;width:96px;height:96px;border-left:2px solid hsl(42 70% 55%/.65);border-top:2px solid hsl(42 70% 55%/.65);border-radius:28px 0 0 0}.sambutan-copy h2{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.1;margin:18px 0 30px}.quote-box{position:relative;border-left:2px solid hsl(42 70% 55%/.6);padding-left:26px;color:hsl(25 30% 12%/.78);font-size:1.06rem;line-height:1.8}.quote-mark{position:absolute;left:-14px;top:-20px;background:var(--bg);color:var(--gold);font-family:'Cormorant Garamond';font-size:3.2rem;line-height:1}.tag-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tag-row span{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:10px 16px;box-shadow:var(--soft);font-size:.9rem;font-weight:650}.rich-text{line-height:1.8;color:var(--muted-fg)}
@media(max-width:1100px){.nav-group{display:block}.dropdown{position:static;display:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 14px}.nav-group.open .dropdown,.nav-group:hover .dropdown{display:block}.sambutan-grid{grid-template-columns:1fr}.floating-badge{right:10px}.nav-menu .dropdown a{font-size:.86rem}}


/* Social media brand icons - local SVG assets */
.socials a{background:hsl(0 0% 100%/.08);overflow:hidden;transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}.socials a:hover{transform:translateY(-3px);background:#fff;border-color:transparent;box-shadow:0 12px 24px hsl(0 0% 0%/.25)}.socials img{width:20px;height:20px;display:block;object-fit:contain}.floating-wa{width:52px;height:52px;padding:0;display:grid;place-items:center}.floating-wa img{width:32px;height:32px;display:block}


/* === Smart frontend additions === */
.brand-logo.has-image{background:#fff;padding:6px;overflow:hidden}
.brand-logo.has-image img{width:100%;height:100%;object-fit:contain}
.nav-search-btn{border:1px solid var(--border);background:hsl(38 45% 98%/.72);border-radius:999px;padding:.55rem .9rem;color:var(--fg);font-weight:700;cursor:pointer}
.nav-search-btn:hover{background:#fff;box-shadow:var(--soft)}
.smart-search-overlay{position:fixed;inset:0;background:hsl(25 30% 10%/.72);backdrop-filter:blur(12px);z-index:998;display:none;align-items:flex-start;justify-content:center;padding:110px 24px 24px}
.smart-search-overlay.show{display:flex}
.smart-search-card{position:relative;width:min(760px,100%);background:var(--card);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:30px}
.smart-search-card h2{font-size:clamp(1.8rem,4vw,3rem);margin:12px 0 20px;line-height:1}
.smart-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border-radius:50%;border:1px solid var(--border);background:#fff;font-size:1.4rem;cursor:pointer}
.smart-search-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin:18px 0}
.smart-search-form input,.smart-mini-search input{border:1px solid var(--border);background:#fff;border-radius:999px;padding:1rem 1.1rem;font:inherit;outline:none}
.smart-results{display:grid;gap:10px;max-height:360px;overflow:auto}
.smart-result-item{display:grid;gap:3px;border:1px solid var(--border);border-radius:16px;padding:12px;background:#fff}
.smart-result-item:hover{border-color:hsl(14 65% 45%/.45);box-shadow:var(--soft)}
.smart-result-item span{color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.smart-front{position:relative;margin-top:-74px;z-index:5;padding:0 0 32px}
.smart-front-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:stretch}
.smart-front-copy,.smart-front-panel{background:hsl(38 45% 98%/.92);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:26px}
.smart-front-copy h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1;margin:10px 0}
.smart-mini-search{display:grid;grid-template-columns:1fr 48px;gap:10px;margin-bottom:14px}
.smart-mini-search button{border:0;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;font-size:1.2rem;cursor:pointer}
.smart-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.smart-chip-row a{border:1px solid var(--border);border-radius:999px;padding:.5rem .75rem;background:#fff;font-size:.82rem;font-weight:700}
.smart-next,.smart-time{border-top:1px solid var(--border);padding-top:14px;margin-top:14px;display:grid;gap:4px}
.smart-next span,.smart-time span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-fg);font-weight:800}
.smart-time strong{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--primary)}
.search-card h3{font-size:1.55rem;margin:12px 0 8px}

/* === Modern admin panel === */
.admin-layout{background:linear-gradient(135deg,#f8f1e7,#f3eadf);min-height:100vh;color:#263129}
.admin-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s ease}
.admin-layout.sidebar-collapsed .admin-shell{grid-template-columns:88px minmax(0,1fr)}
.admin-sidebar{background:linear-gradient(180deg,#211712,#352018);color:#fff;padding:18px;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:20px 0 55px -40px #000;z-index:50}
.admin-brand{display:flex;align-items:center;gap:12px;padding:8px 8px 18px}
.admin-brand .brand-logo{flex:0 0 auto}
.admin-brand strong,.admin-brand small{display:block}
.admin-brand small{color:#ffffff8c;font-size:.78rem}
.admin-user{border:1px solid #ffffff17;background:#ffffff0b;border-radius:18px;padding:12px;margin:4px 0 14px}
.admin-user span{display:block;color:#ffffff80;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.admin-user strong{display:block;margin-top:3px}
.admin-menu-search input{width:100%;border:1px solid #ffffff1d;background:#ffffff10;color:#fff;border-radius:14px;padding:.75rem .9rem;margin:4px 0 12px;outline:none}
.admin-menu-search input::placeholder{color:#ffffff80}
.admin-nav{display:grid;gap:8px}
.admin-nav a,.admin-side-actions a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:#ffffffbf;font-size:.9rem}
.admin-nav a span{width:24px;text-align:center}
.admin-nav a:hover,.admin-nav a.active,.admin-side-actions a:hover{background:#ffffff12;color:#fff}
.admin-nav a.active{box-shadow:inset 3px 0 0 var(--gold);background:#ffffff18}
.admin-menu-group{border-top:1px solid #ffffff12;padding-top:8px;margin-top:4px}
.admin-menu-group summary{cursor:pointer;list-style:none;color:#f2c14e;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;padding:10px 8px}
.admin-menu-group summary::-webkit-details-marker{display:none}
.admin-menu-group div{display:grid;gap:3px}
.admin-side-actions{border-top:1px solid #ffffff12;margin-top:16px;padding-top:12px}
.admin-layout.sidebar-collapsed .admin-brand span,.admin-layout.sidebar-collapsed .admin-user,.admin-layout.sidebar-collapsed .admin-menu-search,.admin-layout.sidebar-collapsed .admin-menu-group summary,.admin-layout.sidebar-collapsed .admin-nav a b,.admin-layout.sidebar-collapsed .admin-side-actions a{display:none}
.admin-layout.sidebar-collapsed .admin-sidebar{padding-inline:12px}
.admin-layout.sidebar-collapsed .admin-nav a{justify-content:center;padding:12px}
.admin-main{padding:24px;min-width:0}
.admin-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;justify-content:space-between;background:hsl(38 45% 98%/.78);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:22px;padding:12px 14px;margin-bottom:22px;box-shadow:var(--soft)}
.admin-topbar small{display:block;color:var(--muted-fg)}
.admin-sidebar-toggle{border:1px solid var(--border);background:#fff;border-radius:12px;width:42px;height:42px;font-size:1.1rem;cursor:pointer}
.admin-preview-link{font-weight:800;color:var(--primary)}
.admin-page-head,.admin-section-head,.admin-top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.admin-page-head h1,.admin-hero-card h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:6px 0}
.admin-kicker{display:inline-flex;color:var(--primary);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}
.admin-head-actions,.admin-actions,.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:999px;padding:.75rem 1rem;font-weight:850;cursor:pointer;text-decoration:none;line-height:1;white-space:nowrap}
.admin-btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;box-shadow:var(--gold-shadow)}
.admin-btn.secondary{background:#fff;border-color:var(--border);color:var(--fg)}
.admin-btn.ghost{background:hsl(38 45% 98%/.58);border-color:var(--border);color:var(--fg)}
.admin-btn.danger{background:#b83232;color:#fff}
.admin-btn.small{font-size:.82rem;padding:.55rem .78rem}
.admin-alert{margin-bottom:18px}
.admin-list-tools{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px;margin-bottom:14px}
.admin-list-tools input{width:min(420px,100%);border:1px solid var(--border);border-radius:999px;padding:.72rem .95rem;font:inherit}
.modern-table{background:#fff;border-radius:22px;box-shadow:var(--soft);overflow:auto}
.modern-table table{width:100%;border-collapse:separate;border-spacing:0}
.modern-table th{position:sticky;top:0;background:#fff8ed;color:#6c5b4e;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;z-index:1}
.modern-table th,.modern-table td{padding:14px 16px;border-bottom:1px solid #eee5dc;text-align:left;vertical-align:middle}
.modern-table tr:hover td{background:#fffaf4}
.admin-img{width:76px;height:58px;object-fit:cover;border-radius:14px;border:1px solid var(--border);background:#fff}
.row-id{font-weight:900;color:var(--primary)}
.no-preview{display:grid;place-items:center;width:76px;height:58px;border-radius:14px;background:#f4ede3;color:#9b8c7d}
.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .65rem;background:#f4ede3;color:#65584f;font-size:.78rem;font-weight:800}
.status-pill.ok{background:#e8f5e9;color:#226238}
.status-pill.off{background:#f4e1df;color:#9d302b}
.modern-form{max-width:1120px;border-radius:24px;background:#fff}
.admin-field{display:grid;gap:8px}
.field-label{font-weight:850;color:#40342c}
.field-hint{color:var(--muted-fg);font-size:.78rem;line-height:1.45}
.switch-row{display:flex;align-items:center;gap:9px;background:#fbf7f0;border:1px solid var(--border);border-radius:14px;padding:.75rem 1rem}
.switch-row input{width:auto}
.path-code{display:inline-block;max-width:100%;overflow:auto;background:#fbf7f0;border:1px solid var(--border);border-radius:10px;padding:.5rem .65rem;font-size:.78rem;color:#6b5d51}
.image-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.image-preview-box{min-height:180px;border:1px dashed var(--border);border-radius:18px;background:#fbf7f0;display:grid;place-items:center;overflow:hidden;position:relative;padding:10px;text-align:center;color:var(--muted-fg)}
.image-preview-box small{position:absolute;top:10px;left:12px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:.25rem .55rem;color:#6b5d51;font-weight:800}
.image-preview-box img{width:100%;height:170px;object-fit:contain}
.image-preview-box.is-new{background:#fff}
.sticky-save{position:sticky;bottom:14px;display:flex;gap:10px;justify-content:flex-end;background:hsl(38 45% 98%/.86);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:18px;padding:12px;box-shadow:var(--soft);z-index:10}
.admin-hero-card{display:grid;grid-template-columns:1fr 220px;gap:24px;border-radius:28px;padding:28px;background:linear-gradient(135deg,#fffaf3,#f4e4d2);border:1px solid var(--border);box-shadow:var(--soft);margin-bottom:24px}
.admin-hero-card p{color:var(--muted-fg);line-height:1.7;max-width:860px}
.admin-hero-logo{display:grid;place-items:center;text-align:center;border-radius:24px;background:#fff;border:1px solid var(--border);padding:18px}
.admin-hero-logo img{width:120px;height:120px;object-fit:contain}
.admin-hero-logo small{font-weight:900;color:var(--primary)}
.admin-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.admin-stat-card{display:grid;gap:6px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:20px;box-shadow:var(--soft)}
.admin-stat-card span{font-size:1.6rem}
.admin-stat-card strong{font-size:2rem;font-family:'Cormorant Garamond',serif;color:var(--primary)}
.admin-stat-card small{color:var(--muted-fg);font-weight:700}
.admin-section{margin-top:26px}
.admin-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.admin-dashboard-card{display:grid;gap:8px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:18px;box-shadow:var(--soft);transition:.25s}
.admin-dashboard-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.admin-dashboard-card span{font-size:1.6rem}
.admin-dashboard-card small{color:var(--muted-fg)}
.admin-note{margin-top:26px}
.login-page{min-height:100vh;background:linear-gradient(90deg,hsl(25 30% 10%/.84),hsl(25 30% 10%/.42)),var(--login-bg) center/cover fixed;color:#fff}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 440px;gap:40px;align-items:center;width:min(1180px,100% - 48px);margin:auto;padding:46px 0}
.login-intro h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:.96;margin:16px 0}
.login-intro p{max-width:660px;color:#ffffffba;line-height:1.8}
.login-card{background:hsl(38 45% 98%/.95);color:var(--fg);border:1px solid #ffffff80;border-radius:28px;padding:28px;box-shadow:0 28px 70px -28px #000;display:grid;gap:15px}
.login-logo{display:flex;align-items:center;gap:12px}
.login-logo img{width:58px;height:58px;object-fit:contain;background:#fff;border:1px solid var(--border);border-radius:18px;padding:7px}
.login-logo strong,.login-logo small{display:block}.login-logo small{color:var(--muted-fg)}
.login-card label{display:grid;gap:7px;font-weight:800}
.login-card input{width:100%;border:1px solid var(--border);background:#fff;border-radius:14px;padding:.85rem 1rem;font:inherit}
.back-site{color:var(--primary);font-weight:800}

@media(max-width:1100px){
  .smart-front-grid,.admin-hero-card,.login-shell{grid-template-columns:1fr}
  .admin-stats-grid,.admin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-shell{grid-template-columns:1fr}
  .admin-sidebar{position:fixed;left:0;top:0;bottom:0;width:300px;transform:translateX(-102%);transition:.25s ease}
  .admin-layout.sidebar-open .admin-sidebar{transform:translateX(0)}
  .admin-layout.sidebar-collapsed .admin-shell{grid-template-columns:1fr}
  .admin-layout.sidebar-collapsed .admin-brand span,.admin-layout.sidebar-collapsed .admin-user,.admin-layout.sidebar-collapsed .admin-menu-search,.admin-layout.sidebar-collapsed .admin-menu-group summary,.admin-layout.sidebar-collapsed .admin-nav a b,.admin-layout.sidebar-collapsed .admin-side-actions a{display:initial}
  .admin-layout.sidebar-collapsed .admin-nav a{justify-content:flex-start}
}
@media(max-width:720px){
  .smart-search-form,.smart-mini-search,.image-preview-grid{grid-template-columns:1fr}
  .admin-page-head,.admin-section-head,.admin-topbar,.admin-list-tools{display:grid}
  .admin-head-actions,.admin-actions,.admin-hero-actions{width:100%}
  .admin-btn{width:100%}
  .admin-stats-grid,.admin-card-grid{grid-template-columns:1fr}
  .login-shell{width:min(100% - 28px,1180px)}
}

/* === Patch: rapikan area bawah slider / hero agar tidak bertumpuk === */
.hero{
  min-height:760px;
  overflow:hidden;
}
.hero-dots{
  bottom:184px;
}
.quick-links{
  bottom:26px;
  padding-bottom:0;
}
.quick-links .container{
  display:flex;
  justify-content:center;
}
.quick-card{
  width:min(1080px,100%);
  margin-inline:auto;
  align-items:stretch;
  box-shadow:0 22px 65px hsl(25 30% 10%/.22);
}
.quick-card a{
  min-height:86px;
  border:1px solid transparent;
}
.quick-card a:hover{
  border-color:hsl(14 65% 45%/.18);
}
.smart-front{
  margin-top:0 !important;
  z-index:1;
  padding:70px 0 42px;
  background:linear-gradient(180deg,hsl(38 45% 98%) 0%,hsl(38 40% 96%) 100%);
}
.smart-front-grid{
  gap:24px;
}
.smart-front-copy,.smart-front-panel{
  box-shadow:0 18px 55px hsl(25 30% 10%/.08);
}
.marquee{
  margin-top:0;
}
@media(max-width:1100px){
  .hero{min-height:840px;}
  .hero-dots{bottom:268px;}
  .quick-links{bottom:28px;}
  .quick-card{grid-template-columns:repeat(2,minmax(0,1fr));}
  .smart-front{padding-top:56px;}
}
@media(max-width:720px){
  .hero{min-height:880px;height:auto;}
  .hero-content{height:auto;min-height:610px;padding-top:118px;padding-bottom:210px;}
  .hero-dots{bottom:246px;}
  .quick-links{bottom:22px;}
  .quick-card{grid-template-columns:1fr;gap:8px;padding:10px;border-radius:22px;}
  .quick-card a{min-height:72px;padding:13px;}
  .quick-icon{width:42px;height:42px;border-radius:13px;}
  .smart-front{padding:44px 0 28px;}
  .smart-front-grid{gap:14px;}
  .smart-front-copy,.smart-front-panel{padding:20px;border-radius:22px;}
}
@media(max-width:420px){
  .hero{min-height:920px;}
  .hero-dots{bottom:280px;}
  .hero-content{padding-bottom:245px;}
}

/* === Patch: detail berita dinamis === */
.read-more-link{color:var(--primary);font-weight:800;display:inline-flex;align-items:center;gap:.35rem}
.read-more-link:hover{text-decoration:underline;text-underline-offset:4px}
.article-hero{min-height:560px;display:flex;align-items:end;background-size:cover;background-position:center;color:#fff;padding:170px 0 82px;position:relative;overflow:hidden}
.article-hero:after{content:'';position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(180deg,transparent,hsl(38 40% 96%));opacity:.92;pointer-events:none}
.article-hero .container{position:relative;z-index:1}
.article-hero h1{font-size:clamp(2.7rem,6vw,5.6rem);line-height:.96;max-width:980px;margin:18px 0 16px;text-wrap:balance}
.article-badge{background:var(--gold);color:var(--fg);font-weight:900}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;color:#ffffffd4;font-weight:800}
.article-section{padding-top:34px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}
.article-card{overflow:hidden}
.article-image{max-height:520px;background:#f4ede3}
.article-image img{width:100%;height:100%;max-height:520px;object-fit:cover}
.article-body{padding:clamp(24px,4vw,48px)}
.lead-text{font-size:1.18rem;line-height:1.85;color:var(--fg);font-weight:700;margin-top:0}
.article-content{font-size:1.02rem;line-height:2;color:var(--muted-fg)}
.article-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.article-actions .btn-outline{background:#fff;color:var(--primary);border-color:var(--border)}
.article-sidebar{position:sticky;top:110px}
.related-news-list{display:grid;gap:14px;margin-top:16px}
.related-news-item{display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:16px;background:#fff;transition:.22s ease}
.related-news-item:hover{transform:translateY(-2px);box-shadow:var(--soft)}
.related-news-item img{width:86px;height:68px;object-fit:cover;border-radius:12px;background:#f4ede3}
.related-news-item small{display:block;color:var(--muted-fg);font-size:.74rem;margin-bottom:4px}
.related-news-item strong{font-size:.95rem;line-height:1.35;display:block}
.article-not-found{text-align:center;max-width:760px;margin-inline:auto}
@media(max-width:980px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.article-hero{min-height:480px;padding-top:150px}}
@media(max-width:640px){.article-hero{min-height:430px;padding:130px 0 58px}.article-actions .btn{width:100%}.related-news-item{grid-template-columns:74px 1fr}.related-news-item img{width:74px;height:60px}}

/* Admin usability upgrade */
.admin-record-list{display:grid;gap:14px}
.admin-record-card{display:grid;grid-template-columns:96px minmax(0,1fr) 170px;gap:18px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px;box-shadow:var(--soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.admin-record-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:hsl(42 70% 55%/.35)}
.admin-record-preview{width:96px;height:76px;border-radius:18px;background:linear-gradient(135deg,#f7efe4,#eee1d2);display:grid;place-items:center;overflow:hidden;color:var(--primary);font-size:1.8rem;font-weight:900;border:1px solid #eee1d2;text-transform:uppercase}
.admin-record-preview img{width:100%;height:100%;object-fit:cover}
.admin-record-body{min-width:0;display:grid;gap:8px}
.admin-record-titleline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.admin-record-titleline strong{display:block;font-size:1.04rem;color:#16221b;line-height:1.25;word-break:break-word}
.admin-record-titleline small{display:block;color:var(--muted-fg);font-size:.8rem;margin-top:3px}
.admin-record-body p{margin:0;color:#5f685f;line-height:1.55;font-size:.92rem}
.record-meta{display:flex;gap:7px;flex-wrap:wrap}
.record-meta span{display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#f7efe6;border:1px solid #eadbcb;color:#6e5746;padding:.35rem .55rem;font-size:.78rem;line-height:1}
.record-meta b{color:#8c3c24}
.admin-record-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.admin-record-actions .admin-btn{min-width:76px}
.empty-state{background:#fff;border:1px dashed var(--border);border-radius:22px;padding:28px;text-align:center;color:var(--muted-fg)}
.status-pill.ok{background:#e5f7e8;color:#216b35}
.status-pill.off{background:#f4eee7;color:#8a715e}
.admin-field input[readonly]{background:#f7f1ea;color:#6f6258;border-style:dashed}
.field-label{font-weight:850;color:#263129}
.field-hint{color:#7f7368;line-height:1.45}
.image-preview-grid{align-items:stretch}
.image-preview-box{min-height:160px}
.image-preview-box img{max-height:210px;object-fit:contain}
.admin-list-tools{box-shadow:var(--soft)}
.admin-list-tools .muted{font-size:.9rem}
.admin-sidebar-toggle{display:inline-grid;place-items:center}
@media(max-width:900px){.admin-record-card{grid-template-columns:80px minmax(0,1fr);align-items:start}.admin-record-preview{width:80px;height:68px}.admin-record-actions{grid-column:1/-1;justify-content:flex-start}.admin-record-titleline{display:grid}.admin-list-tools{align-items:stretch}.admin-list-tools input{width:100%}}
@media(max-width:560px){.admin-record-card{grid-template-columns:1fr}.admin-record-preview{width:100%;height:160px}.admin-record-actions .admin-btn{flex:1}.record-meta span{font-size:.74rem}.admin-page-head{gap:10px}}

/* === Patch: naikkan teks banner slider agar tidak tumpang tindih dengan akses cepat di bawah === */
.hero-content{
  justify-content:flex-start !important;
  padding-top:clamp(145px,17vh,190px) !important;
  padding-bottom:300px !important;
}
.hero h1{
  margin:.38em 0 .18em;
  max-width:760px;
  text-wrap:balance;
}
.hero p{
  margin-top:0;
  max-width:640px;
}
.hero-actions{
  margin-top:18px;
}
.hero-dots{
  bottom:158px !important;
}
.quick-links{
  bottom:28px !important;
}
@media(max-width:1100px){
  .hero-content{
    padding-top:132px !important;
    padding-bottom:340px !important;
  }
  .hero-dots{
    bottom:222px !important;
  }
}
@media(max-width:720px){
  .hero{
    min-height:940px !important;
  }
  .hero-content{
    min-height:0 !important;
    padding-top:118px !important;
    padding-bottom:430px !important;
  }
  .hero h1{
    font-size:clamp(2.55rem,12vw,3.2rem);
    line-height:1.04;
  }
  .hero p{
    font-size:.98rem;
    line-height:1.65;
  }
  .hero-dots{
    bottom:370px !important;
  }
  .quick-links{
    bottom:20px !important;
  }
}
@media(max-width:420px){
  .hero{
    min-height:980px !important;
  }
  .hero-content{
    padding-bottom:455px !important;
  }
  .hero-dots{
    bottom:390px !important;
  }
}

/* === Patch: tipografi slider lebih kecil dan jarak lebih rapat === */
.hero-content{
  max-width:690px !important;
  padding-top:clamp(120px,14vh,155px) !important;
  padding-bottom:250px !important;
}
.eyebrow{
  font-size:.69rem !important;
  letter-spacing:.24em !important;
}
.hero h1{
  font-size:clamp(3rem,6.25vw,5.05rem) !important;
  line-height:.93 !important;
  margin:.30em 0 .12em !important;
  max-width:720px !important;
}
.hero p{
  font-size:clamp(.98rem,1.45vw,1.12rem) !important;
  line-height:1.55 !important;
  margin:.05rem 0 0 !important;
  max-width:590px !important;
}
.hero-actions{
  margin-top:12px !important;
  gap:10px !important;
}
.hero-actions .btn{
  padding:.78rem 1.18rem !important;
}
.hero-dots{
  bottom:145px !important;
}
.quick-card{
  padding:10px 12px !important;
  gap:10px !important;
}
.quick-card a{
  min-height:76px !important;
  padding:13px 14px !important;
}
.quick-card a > span:last-child{
  display:grid;
  gap:2px;
  min-width:0;
}
.quick-card a small,
.quick-card a strong{
  display:block;
  line-height:1.12;
}
.quick-card a small{
  font-size:.78rem;
}
.quick-card a strong{
  font-size:.95rem;
}
.quick-icon{
  width:44px !important;
  height:44px !important;
  border-radius:13px !important;
}
@media(max-width:1100px){
  .hero{min-height:800px !important;}
  .hero-content{
    padding-top:116px !important;
    padding-bottom:300px !important;
  }
  .hero h1{
    font-size:clamp(2.9rem,7vw,4.55rem) !important;
    line-height:.95 !important;
  }
  .hero-dots{bottom:205px !important;}
}
@media(max-width:720px){
  .hero{
    min-height:850px !important;
  }
  .hero-content{
    padding-top:106px !important;
    padding-bottom:350px !important;
  }
  .hero h1{
    font-size:clamp(2.25rem,10.5vw,2.95rem) !important;
    line-height:.96 !important;
    margin:.26em 0 .12em !important;
  }
  .hero p{
    font-size:.94rem !important;
    line-height:1.5 !important;
  }
  .hero-actions{
    margin-top:10px !important;
  }
  .hero-actions .btn{
    padding:.72rem 1rem !important;
  }
  .hero-dots{
    bottom:308px !important;
  }
  .quick-links{
    bottom:18px !important;
  }
  .quick-card a{
    min-height:66px !important;
    padding:11px 12px !important;
  }
}
@media(max-width:420px){
  .hero{
    min-height:890px !important;
  }
  .hero-content{
    padding-bottom:382px !important;
  }
  .hero-dots{
    bottom:338px !important;
  }
}

/* Demo version controls */
.demo-version-badge{
  position:fixed;left:50%;bottom:10px;transform:translateX(-50%);z-index:99999;
  background:linear-gradient(135deg,#ff9b18,#f26b00);color:#fff;border:1px solid rgba(255,255,255,.38);
  box-shadow:0 12px 36px rgba(166,82,0,.32);border-radius:999px;padding:8px 18px;
  font-weight:900;font-size:.78rem;letter-spacing:.08em;text-align:center;white-space:nowrap;
}
.demo-login-link{font-weight:800;color:var(--primary)!important;}
.demo-login-shortcuts{margin-top:14px;border:1px solid var(--border);border-radius:18px;padding:12px;background:rgba(255,255,255,.72);display:grid;gap:8px;}
.demo-login-shortcuts>strong{font-size:.84rem;color:var(--muted-fg);}
.demo-login-shortcuts button{display:flex;justify-content:space-between;gap:10px;align-items:center;width:100%;border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left;color:var(--fg);}
.demo-login-shortcuts button span{font-weight:800;}
.demo-login-shortcuts button small{color:var(--muted-fg);font-weight:700;}
.demo-login-shortcuts button:hover{border-color:var(--primary);box-shadow:0 8px 22px rgba(0,0,0,.08);}
.is-disabled,.admin-btn.is-disabled,.btn.is-disabled{opacity:.58!important;cursor:not-allowed!important;filter:saturate(.75);}
.demo-readonly-control{background:#f8f5ef!important;color:var(--muted-fg)!important;}
.demo-alert,.demo-inline-note{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#9a3412!important;}
.demo-inline-note{border-radius:12px;padding:10px 12px;margin:8px 0 12px;font-size:.88rem;font-weight:700;}
.demo-toast{position:fixed;left:50%;bottom:58px;transform:translateX(-50%) translateY(12px);z-index:100000;background:#2b2118;color:#fff;border-radius:16px;padding:12px 18px;box-shadow:0 16px 45px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:.24s ease;max-width:min(92vw,520px);text-align:center;font-weight:700;}
.demo-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.demo-shake{animation:demoShake .32s ease;}
@keyframes demoShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:640px){.demo-version-badge{font-size:.66rem;padding:7px 12px;bottom:8px}.demo-toast{bottom:52px;font-size:.84rem}.demo-login-shortcuts button{display:block}.demo-login-shortcuts button small{display:block;margin-top:3px}}