:root{--blue:#2981b9;--blue-dark:#1c4f74;--blue-deep:#143c58;--purple:#7b3088;--gold:#f1cc2f;--green:#439e57;--red:#e55239;--dark:#1d1e20;--gray:#5a6b7a;--white:#fff;--bg-soft:#f0f6fb;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);color:var(--dark);background:var(--white);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}#root{flex-direction:column;min-height:100vh;display:flex}main{flex:1}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}.contact-form input:focus-visible,.contact-form textarea:focus-visible,.auth-field input:focus-visible{outline-offset:0;outline:3px solid #f1cc2fd9}.container{max-width:1200px;margin:0 auto;padding:0 24px}.brand-ribbon{width:100%;height:6px;display:flex}.brand-ribbon span{flex:1}.ribbon-red{background:var(--red)}.ribbon-gold{background:var(--gold)}.ribbon-green{background:var(--green)}.ribbon-blue{background:var(--blue)}.ribbon-purple{background:var(--purple)}.ribbon-dark{background:var(--blue-deep)}header{z-index:50;-webkit-backdrop-filter:blur(12px);background:#ffffffe6;transition:background .3s,box-shadow .3s,padding .3s;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 10px #00000014}header.scrolled{background:#fffffff7;box-shadow:0 4px 20px #143c582e}.header-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto;padding:14px 24px;transition:padding .3s;display:flex}header.scrolled .header-inner{padding:9px 24px}.logo{align-items:center;gap:12px;display:flex}.logo img{object-fit:cover;border:2px solid var(--gold);border-radius:50%;width:54px;height:54px;transition:width .3s,height .3s}header.scrolled .logo img{width:44px;height:44px}.logo-text{font-family:var(--font-title);color:var(--blue-dark);font-size:1.15rem;font-weight:600;line-height:1.15}.logo-text small{font-family:var(--font-body);color:var(--gray);font-size:.8rem;font-weight:400;display:block}nav.desktop{align-items:center;gap:8px;display:flex}nav.desktop a{color:var(--blue-dark);border-radius:999px;padding:9px 16px;font-size:.95rem;font-weight:500;transition:color .25s,background .25s,transform .2s;position:relative}nav.desktop a:after{content:"";background:var(--gold);border-radius:2px;height:2px;transition:right .3s cubic-bezier(.22,1,.36,1);position:absolute;bottom:4px;left:16px;right:100%}nav.desktop a:hover{color:var(--blue);background:var(--bg-soft);transform:translateY(-1px)}nav.desktop a:hover:after{right:16px}nav.desktop a.active{color:#fff;background:linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);box-shadow:0 4px 14px #2981b959}nav.desktop a.active:after{display:none}nav.desktop a.active:hover{color:#fff}.admin-btn{font-family:var(--font-body);color:#fff;background:linear-gradient(135deg, var(--purple) 0%, var(--blue) 100%);border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:.92rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex;box-shadow:0 4px 14px #7b308859}.admin-btn:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 8px 22px #7b308873}.admin-btn svg{display:block}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px;transition:background .2s;display:none}.hamburger span{background:var(--blue-dark);border-radius:2px;width:24px;height:3px;transition:transform .2s,opacity .2s;display:block}.hamburger:hover{background:var(--bg-soft)}.mobile-menu{z-index:60;text-align:center;background:#153a5bf7;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{color:#fff;font-family:var(--font-title);padding:10px 0;font-size:1.6rem;font-weight:600}.mobile-menu a:hover{color:#fdf6d0}.mobile-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.4rem;line-height:1;position:absolute;top:22px;right:24px}.hero{background:linear-gradient(160deg, var(--blue-deep) 0%, var(--blue-dark) 50%, var(--blue) 100%);text-align:center;justify-content:center;align-items:center;min-height:82vh;padding:240px 24px 90px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--hero-bg) center/cover;opacity:.45;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(180deg, #0d243759 0%, #0d24378c 60%, var(--blue-deep) 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;position:relative}.hero-eyebrow{color:var(--gold);font-family:var(--font-title);letter-spacing:3px;text-transform:uppercase;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;margin-bottom:18px;padding:8px 18px;font-size:.85rem;font-weight:600;display:inline-block}.hero-content h1{font-family:var(--font-title);color:#fff;margin-bottom:22px;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.15}.hero-content h1 span{color:#fdf1b3}.hero-content p{color:#ffffffeb;max-width:640px;margin:0 auto 32px;font-size:clamp(1.05rem,2vw,1.3rem)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:140px;display:flex}.btn{cursor:pointer;font-size:1rem;font-weight:600;font-family:var(--font-body);border:none;border-radius:999px;padding:16px 40px;transition:background .2s,border-color .2s;display:inline-block}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{color:var(--blue-dark);background:#fff}.btn-secondary:hover{color:var(--blue-dark);background:#fdf1b3}section{padding:90px 0;scroll-margin-top:104px}.section-label{font-family:var(--font-body);letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:10px;font-size:.85rem;font-weight:600}.section-title{font-family:var(--font-title);color:var(--blue-dark);margin-bottom:16px;font-size:clamp(1.9rem,4vw,2.9rem);font-weight:600}.section-sub{color:var(--gray);max-width:700px;margin-bottom:48px;font-size:1.05rem}.about{background:linear-gradient(135deg, var(--blue-deep) 0%, var(--blue-dark) 60%, var(--blue) 100%);color:#fff}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}.about-img img{border:3px solid #ffffff40;border-radius:16px;box-shadow:0 20px 40px #00000059}.about-text p{color:#ffffffe6;margin-bottom:20px;font-size:1.1rem}.about .section-label{color:var(--gold)}.about .section-title{color:#fff}.about-cards{flex-wrap:wrap;gap:16px;margin-top:28px;display:flex}.about-card{background:#ffffff1f;border:1px solid #ffffff40;border-radius:12px;flex:1;min-width:160px;padding:18px}.about-card strong{font-family:var(--font-title);color:var(--gold);font-size:1.6rem;display:block}.about-card span{color:#fffc;font-size:.9rem}.about-gallery{margin-top:56px}.about-gallery .gallery-row{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;display:grid}.about-gallery .gallery-row img{object-fit:cover;border:2px solid #fff3;border-radius:14px;width:100%;height:220px;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px #00000040}.about-gallery .gallery-row img:hover{transform:translateY(-5px)scale(1.02);box-shadow:0 16px 36px #0006}.mission-vision{padding:70px 0 0}.mission-vision .section-label.centered,.mission-vision .section-title.centered{text-align:center}.mission-vision .section-title{margin-bottom:40px}.mv-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.mv-card{background:#ffffff1a;border:1px solid #ffffff40;border-radius:16px;padding:28px;transition:background .2s,transform .2s}.mv-card:hover{background:#ffffff2e;transform:translateY(-4px)}.mv-card h3{font-family:var(--font-title);color:var(--gold);margin-bottom:10px;font-size:1.25rem}.mv-card p{color:#ffffffe6;font-size:1rem}.card-icon{color:#fff;background:linear-gradient(135deg, var(--blue) 0%, var(--blue-dark) 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:inline-flex;box-shadow:0 6px 16px #2981b94d}.card-icon svg{width:28px;height:28px}.services{background:var(--bg-soft)}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{background:#fff;border-radius:16px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 8px 24px #2981b91a}.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #2981b933}.service-card img{object-fit:cover;width:100%;height:210px}.service-card .body{padding:26px;position:relative}.service-card .body:before{content:"";background:linear-gradient(90deg, var(--blue), var(--gold));border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:26px;right:26px}.service-card h3{font-family:var(--font-title);color:var(--blue-dark);margin-bottom:10px;font-size:1.35rem}.service-card p{color:var(--gray);font-size:.98rem}.projects{background:linear-gradient(160deg, var(--blue) 0%, var(--blue-dark) 100%);color:#fff}.projects .section-label{color:var(--gold)}.projects .section-title{color:#fff}.projects .section-sub{color:#ffffffd9}.projects-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.project-card{background:#ffffff1f;border:1px solid #ffffff47;border-radius:14px;align-items:center;gap:24px;padding:22px;transition:background .2s,transform .2s;display:flex}.project-card:hover{background:#ffffff38;transform:translateY(-4px)}.project-card img{object-fit:cover;border:2px solid var(--gold);border-radius:12px;flex-shrink:0;width:110px;height:110px}.project-card h3{font-family:var(--font-title);color:#fff;margin-bottom:6px;font-size:1.25rem}.project-card p{color:#ffffffd9;font-size:.95rem}.project-body{flex-direction:column;align-items:flex-start;display:flex}.project-card .project-body .card-icon{background:linear-gradient(135deg, var(--gold) 0%, #e0a800 100%);box-shadow:0 6px 16px #f1cc2f59}.blog{background:var(--bg-soft)}.blog-frame{background:#fff;border:1px solid #153a5b1f;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #153a5b29}.blog-frame-bar{background:linear-gradient(135deg, var(--blue-deep) 0%, var(--blue) 100%);color:#fff;font-family:var(--font-title);align-items:center;gap:10px;padding:12px 18px;font-size:.95rem;font-weight:600;display:flex}.blog-frame-dot{background:var(--gold);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #f1cc2f4d}.blog-frame-open{color:#fff;font-family:var(--font-body);white-space:nowrap;background:#ffffff29;border-radius:999px;margin-left:auto;padding:7px 14px;font-size:.85rem;font-weight:600;transition:background .2s}.blog-frame-open:hover{background:#ffffff47}.blog-frame-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:1400px;overflow-y:auto}.blog-frame-body iframe{border:0;width:100%;height:1800px;display:block}.docs{background:linear-gradient(160deg, var(--bg-soft) 0%, #e0eef8 100%)}.docs-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.docs-list .docs-empty{text-align:center;color:var(--gray);grid-column:1/-1;padding:40px 0}.doc-item{cursor:pointer;background:#fff;border:1px solid #d9e8f4;border-radius:12px;align-items:center;gap:16px;padding:18px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #2981b914}.doc-item:hover{border-color:var(--blue);transform:translate(4px);box-shadow:0 8px 20px #2981b92e}.doc-icon{background:var(--blue);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.3rem;display:flex;box-shadow:0 4px 10px #2981b94d}.doc-item strong{color:var(--blue-dark);font-family:var(--font-title);font-size:1.05rem;display:block}.doc-item span{color:var(--gray);font-size:.85rem}.doc-item .arrow{color:var(--gold);margin-left:auto;font-size:1.3rem}.doc-item .doc-info{flex:1;min-width:0}.doc-item .doc-info strong{color:var(--blue-dark);font-family:var(--font-title);font-size:1.05rem;display:block}.doc-item .doc-info>span{color:var(--gray);font-size:.85rem}.doc-actions{gap:10px;margin-top:10px;display:flex}.doc-btn{background:var(--blue);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:background .2s}.doc-btn:hover{background:var(--blue-dark)}.contact{background:linear-gradient(160deg, var(--blue-deep) 0%, var(--blue-dark) 60%, var(--blue) 100%);color:#fff;position:relative}.contact .section-label{color:#fdf1b3}.contact .section-title{color:#fff}.contact .section-sub{color:#ffffffd9}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contact-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff40;border-radius:14px;padding:26px}.contact-card+.contact-card{margin-top:20px}.contact-card h3{font-family:var(--font-title);align-items:center;gap:10px;margin-bottom:8px;font-size:1.2rem;display:flex}.contact-card p{color:#ffffffe6}.contact-card a{color:#fdf1b3;word-break:break-word;font-weight:600}.contact-card a:hover{text-decoration:underline}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-form input,.contact-form textarea{color:#fff;width:100%;font-family:var(--font-body);background:#ffffff1f;border:1px solid #fff6;border-radius:10px;padding:14px 16px;font-size:1rem}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#ffffffb3}.contact-form textarea{resize:vertical;min-height:120px}.form-msg{color:#fdf1b3;font-size:.92rem}.contact-form .field-error{border-color:#ff8a80;box-shadow:0 0 0 3px #ff8a8040}.field-msg{color:#ffb4aa;margin-top:-8px;font-size:.85rem;font-weight:500}.auth{background:linear-gradient(160deg, var(--blue-deep) 0%, var(--blue-dark) 50%, var(--blue) 100%);justify-content:center;align-items:center;min-height:100vh;padding:110px 24px 60px;display:flex}.auth-inner{width:100%;max-width:440px}.auth-card{background:#fff;border-radius:18px;flex-direction:column;padding:36px 32px 32px;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000059}.auth-card .brand-ribbon{width:auto;margin:-36px -32px 22px}.auth-logo{object-fit:cover;border:3px solid var(--gold);border-radius:50%;width:84px;height:84px;margin:0 auto 16px}.auth-title{font-family:var(--font-title);color:var(--blue-dark);text-align:center;margin-bottom:8px;font-size:1.6rem}.auth-sub{color:var(--gray);text-align:center;margin-bottom:22px;font-size:.95rem}.auth-error{color:var(--red);background:#fdecea;border:1px solid #f5c6c0;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.88rem}.auth-field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.auth-field span{font-family:var(--font-title);color:var(--blue-dark);font-size:.9rem;font-weight:600}.auth-field input,.auth-field textarea{font-family:var(--font-body);color:var(--dark);background:var(--bg-soft);border:1px solid #cfe0ef;border-radius:10px;padding:13px 14px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px #2981b92e}.auth-field textarea{resize:vertical;min-height:90px}.auth-submit{width:100%;margin-top:6px}.auth-back{text-align:center;color:var(--blue);margin-top:18px;font-size:.9rem;font-weight:600}.auth-back:hover{text-decoration:underline}.panel{background:var(--bg-soft);min-height:100vh}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.panel-msg{color:var(--green);background:#e8f7ec;border:1px solid #bde8c8;border-radius:10px;margin-bottom:24px;padding:14px 16px;font-weight:500}.panel-file{color:var(--blue-dark);border:1px dashed var(--blue);background:#eef6fd;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.88rem}.panel-grid{grid-template-columns:400px 1fr;align-items:start;gap:32px;display:grid}.panel-form,.panel-list{background:#fff;border:1px solid #dcecf7;border-radius:16px;padding:28px;box-shadow:0 8px 24px #2981b91a}.panel-form h3,.panel-list h3{font-family:var(--font-title);color:var(--blue-dark);margin-bottom:18px;font-size:1.2rem}.panel-form .auth-field textarea{min-height:110px}.panel-empty{color:var(--gray);font-size:.95rem}.panel-items{flex-direction:column;gap:14px;list-style:none;display:flex}.panel-item{border:1px solid #dcecf7;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.panel-item:hover{border-color:var(--blue);box-shadow:0 6px 18px #2981b91f}.panel-item strong{color:var(--blue-dark);font-family:var(--font-title);display:block}.panel-desc{color:var(--gray);margin-top:2px;font-size:.9rem;display:block}.panel-meta{color:var(--purple);margin-top:6px;font-size:.78rem;font-weight:600;display:block}.panel-delete{color:var(--red);font-family:var(--font-body);cursor:pointer;background:#fdecea;border:1px solid #f5c6c0;border-radius:999px;flex-shrink:0;padding:8px 16px;font-size:.85rem;font-weight:600;transition:background .2s}.panel-delete:hover{background:#f8d7d2}footer{background:var(--blue-deep);color:#ffffffb3;text-align:left;padding:40px 0 24px;position:relative}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:24px;display:grid}.footer-col h4{font-family:var(--font-title);color:var(--gold);letter-spacing:1px;margin-bottom:12px;font-size:.95rem}.footer-title{font-family:var(--font-title);color:#fff;font-size:1.1rem;font-weight:600}.footer-sub{font-family:var(--font-title);color:var(--gold);margin-bottom:10px;font-size:.9rem;font-weight:500}.footer-desc{color:#ffffffbf;margin-top:6px;font-size:.88rem;line-height:1.5}.footer-col .footer-links{flex-direction:column;gap:8px;list-style:none;display:flex}.footer-col .footer-links a{color:#fffc;font-size:.9rem;transition:color .2s}.footer-col .footer-links a:hover{color:#fdf1b3}.footer-col .social{gap:10px;display:flex}.social-link{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s,box-shadow .2s;display:flex}.social-link:hover{transform:translateY(-3px)}.social-link.instagram{background:#fff}.social-link.instagram svg{fill:url(#insta-gradient)}.social-link.facebook{background:#1877f2;box-shadow:0 4px 12px #00000040}.social-link.facebook:hover{box-shadow:0 6px 16px #1877f280}.footer-bottom{border-top:1px solid #ffffff26;padding-top:16px}.footer-bottom .copy{text-align:center;font-size:.82rem}@media (width<=900px){nav.desktop{display:none}.hamburger{display:flex}.admin-btn{padding:10px}.admin-btn .admin-btn-label{display:none}.blog-frame-body{height:1100px}.services-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.contact-grid,.projects-grid,.docs-list,.mv-grid,.panel-grid{grid-template-columns:1fr}.footer-grid,.about-gallery .gallery-row{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.about-gallery .gallery-row{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.services-grid,.blog-grid{grid-template-columns:1fr}.project-card{text-align:center;flex-direction:column}.project-card img{margin:0 auto}.footer-grid,.about-gallery .gallery-row{grid-template-columns:1fr}}.lightbox-overlay{z-index:100;background:#000000e6;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.lightbox-overlay img{object-fit:contain;border-radius:12px;max-width:90vw;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2.8rem;line-height:1;transition:transform .2s;position:absolute;top:20px;right:28px}.lightbox-close:hover{transform:scale(1.2)}.clickable-img{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-img:hover{transform:scale(1.02);box-shadow:0 12px 32px #00000040}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}[data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}