:root{--bg:#f1f5fb;--surface:#f7faff;--white:#fff;--ink:#12365e;--deep:#073b67;--blue:#147dc4;--blue2:#0b649f;--muted:#526b85;--line:#dce7f2;--shadow:9px 9px 22px #d5deeb,-9px -9px 22px #fff;--smallshadow:4px 5px 13px #d5dfeb,-4px -4px 13px #fff}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.container{width:min(94%,1560px);margin-inline:auto}.notice-top{border-bottom:1px solid var(--line);color:#3a5673;font-size:.77rem;padding:9px 0}.topin{display:flex;justify-content:space-between;gap:10px}.header{position:sticky;top:0;z-index:50;background:rgba(241,245,251,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(200,213,231,.5)}.navwrap{display:flex;align-items:center;gap:25px;min-height:95px}.brand{display:flex;align-items:center;gap:13px;min-width:260px}.brand img{width:57px;height:66px;object-fit:contain}.brand strong{display:block;line-height:1.2;font-size:1.13rem;letter-spacing:.1px}.brand small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px}.links{display:flex;align-items:center;gap:clamp(10px,1.7vw,31px);margin-left:auto}.links a{font-size:.88rem;font-weight:650}.links a:hover,.links a:focus-visible{color:var(--blue)}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 23px;border-radius:15px;background:linear-gradient(135deg,#2298db,#08659f);color:white;font-weight:750;box-shadow:5px 6px 13px #c7d8eb,-4px -4px 13px #fff;white-space:nowrap}.btn.secondary{background:var(--surface);color:var(--deep);border:1px solid #dae7f5}.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.menu-btn{display:none;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:10px 13px;color:var(--deep);font-size:1.4rem}.hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:clamp(22px,4vw,70px);padding:48px 0 36px}.tag{display:inline-block;background:#e2eefc;color:#0a619f;padding:8px 16px;border-radius:100px;font-weight:750;font-size:.85rem;box-shadow:var(--smallshadow)}h1{font-size:clamp(2.4rem,4.8vw,5.1rem);letter-spacing:-.05em;line-height:1.09;margin:19px 0 19px;color:#103d6b}h1 span{color:#147dc4}.hero p{color:var(--muted);font-size:clamp(.98rem,1.35vw,1.18rem);max-width:570px;margin:0}.hero-buttons{display:flex;gap:13px;margin-top:27px;flex-wrap:wrap}.hero-figure{position:relative;margin:0;aspect-ratio:16/9;border-radius:36px;box-shadow:var(--shadow);padding:7px;overflow:hidden;background:#fff}.hero-figure img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:29px}.image-label{position:absolute;bottom:17px;right:17px;border-radius:11px;padding:7px 12px;background:rgba(255,255,255,.92);font-size:.7rem;color:#284f76}.quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:12px 0 34px}.tile,.panel,.metric{background:var(--bg);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);border-radius:24px}.tile{padding:19px 10px;text-align:center;font-size:.85rem;font-weight:750;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.tile:hover{transform:translateY(-3px)}.ico{width:37px;height:37px;display:grid;place-items:center;font-size:1.35rem;color:var(--blue);background:#e3f0fb;border-radius:13px}.contentgrid{display:grid;grid-template-columns:.95fr 1.55fr 1.15fr;gap:21px}.panel{padding:23px;min-width:0;scroll-margin-top:120px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-title h2{margin:0;font-size:clamp(1.05rem,1.5vw,1.36rem);letter-spacing:-.02em}.section-title a{font-size:.78rem;color:var(--blue);font-weight:700}.unit,.announcement,.news-box{background:#eaf1fa;border:1px solid #e3ecf7;box-shadow:inset 3px 3px 7px #d5e0ee,inset -3px -3px 7px #fff;border-radius:15px;padding:15px;margin-top:11px}.unit{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:730;font-size:.9rem}.unit .arrow{color:var(--blue);font-size:1.3rem}.newsimage{height:170px;background:linear-gradient(135deg,#c1ddec,#e6f3ff);border-radius:12px;display:flex;align-items:center;justify-content:center;text-align:center;color:#386e98;font-weight:750;font-size:.84rem}.news-box h3{margin:14px 0 5px;font-size:1.02rem}.news-box p,.announcement small{color:var(--muted);font-size:.81rem;margin:0}.announcement strong{display:block;font-size:.9rem;margin-bottom:3px}.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:31px 0}.metric{text-align:center;padding:20px 12px}.metric strong{font-size:1.45rem;display:block}.metric span{color:var(--muted);font-size:.78rem}.about{padding:30px;margin:0 0 32px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:25px}.about h2{font-size:clamp(1.5rem,2.4vw,2.2rem);margin:5px 0}.about p{color:var(--muted);margin:0}.about-note{padding:20px;border-radius:18px;background:#e4eef9;color:#2c5c85}.footer{background:linear-gradient(130deg,#0c4977,#082e50);color:white;margin-top:34px;padding:36px 0 23px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.footer h3{margin:0 0 12px}.footer p,.footer a{color:#d0e2f0;font-size:.9rem}.footer a{display:block;padding:3px 0}.fine{border-top:1px solid #497194;margin-top:26px;padding-top:16px;color:#d4e4f0;font-size:.76rem}.demo-notice{margin-top:28px;background:#dfeefa;border:1px solid #bbd9ef;border-radius:16px;color:#295f88;font-size:.82rem;padding:15px 18px}
    @media(max-width:1150px){.navwrap{gap:13px}.brand{min-width:215px}.links{gap:12px}.links a{font-size:.8rem}.navwrap>.btn{padding:12px 14px;font-size:.82rem}.quick{gap:10px}.contentgrid{grid-template-columns:1fr 1.25fr}.contentgrid>.panel:last-child{grid-column:1/-1}}
    @media(max-width:850px){.navwrap{min-height:80px}.brand{margin-right:auto}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.links{display:none;position:absolute;top:calc(100% - 3px);left:3%;right:3%;padding:13px;background:#f1f5fb;box-shadow:var(--shadow);border-radius:0 0 23px 23px;flex-direction:column;align-items:stretch;gap:0}.links.is-open{display:flex}.links a{font-size:.98rem;padding:13px 12px;border-bottom:1px solid var(--line)}.navwrap>.btn{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero-figure{max-height:470px}.quick{grid-template-columns:repeat(3,1fr)}.contentgrid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}}
    @media(max-width:600px){.container{width:min(92%,550px)}.notice-top{display:none}.navwrap{min-height:74px}.brand{gap:8px;min-width:0}.brand img{width:43px;height:52px}.brand strong{font-size:.89rem}.brand small{font-size:.59rem}.hero{padding-top:27px;gap:23px}.hero h1{font-size:clamp(2.2rem,9.3vw,3.25rem)}.hero p{font-size:.96rem}.hero-buttons{gap:10px}.hero-buttons .btn{padding:11px 14px;font-size:.82rem}.hero-figure{border-radius:24px;aspect-ratio:4/3}.hero-figure img{border-radius:18px}.image-label{font-size:.6rem;bottom:13px;right:13px}.quick{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.tile{min-height:95px;padding:12px 5px;border-radius:18px;font-size:.71rem}.ico{width:32px;height:32px;font-size:1.1rem}.contentgrid{grid-template-columns:1fr;gap:17px}.contentgrid>.panel:last-child{grid-column:auto}.panel{padding:18px}.numbers{grid-template-columns:repeat(2,1fr);gap:11px}.metric{padding:15px 8px}.about{padding:21px}.footgrid{grid-template-columns:1fr;gap:12px}}
    @media(prefers-reduced-motion:no-preference){.btn,.tile{transition:transform .18s ease,filter .18s ease}}a:focus-visible,button:focus-visible{outline:3px solid #428dd1;outline-offset:3px}
  
/* Laravel dynamic pages */
.content-area{padding:42px 0 80px;min-height:65vh}.article-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story{padding:20px}.story img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:15px}.story h2{font-size:1.12rem}.story p{color:var(--muted)}.article-content{max-width:880px;margin:auto;line-height:1.8}.article-content img{max-width:100%;height:auto}.page-heading{font-size:clamp(2rem,3.6vw,3.6rem)}.empty{text-align:center;color:var(--muted);padding:45px}.form-field{display:block;width:100%;border:1px solid #c7d8eb;border-radius:12px;padding:12px 14px;background:white;color:#12365e;font:inherit}.form-label{display:block;font-weight:700;margin:14px 0 6px}.error{color:#a12626;font-size:.9rem}.site-alert{background:#e5f2fc;padding:14px;border-radius:12px;margin:12px 0}.admin-wrap{display:grid;grid-template-columns:230px minmax(0,1fr);gap:25px;min-height:85vh}.admin-nav{padding:22px}.admin-nav a{display:block;padding:10px 8px;border-radius:10px}.admin-nav a:hover{background:#e2effb}.admin-panel{padding:25px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #d6e2ef;text-align:left}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.button-small{padding:7px 12px;font-size:.83rem;border-radius:10px}.btn.danger{background:#ad2f40;color:white}.muted{color:var(--muted)}@media(max-width:850px){.article-list{grid-template-columns:repeat(2,1fr)}.admin-wrap{grid-template-columns:1fr}}@media(max-width:600px){.article-list{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.admin-panel{padding:15px}}
/* V2 dashboard + gallery */
.admin-gallery,.public-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-card{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border-radius:18px;background:#f7faff;box-shadow:5px 5px 13px #dce5f0,-5px -5px 13px #fff}.gallery-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.gallery-card p{margin:4px 0}.profile-section{padding:26px;margin:22px 0}.profile-section p{line-height:1.8}.home-gallery{margin:22px 0;padding:25px}.table-scroll{overflow-x:auto}.admin-table{min-width:500px}.admin-nav a:focus-visible{outline:2px solid #2478b0}.form-field:focus{outline:3px solid #bfdbf4;border-color:#3b8cd0}@media(max-width:900px){.admin-gallery,.public-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.admin-gallery,.public-gallery{grid-template-columns:1fr}.home-gallery{padding:15px}}