/* Independent, framework-free recreation of the supplied Canva Code page.
   No Canva runtime, Tailwind CDN, or Canva asset links are required. */
:root{--navy:#172b3b;--gold:#a78240;--ivory:#faf8f3;--ink:#526171;--cream:#f1eee7;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Libre Franklin',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--navy);font-family:var(--sans);background:linear-gradient(135deg,#faf8f3,#f5f0e6);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
img{max-width:100%}
h1,h2{font-family:var(--serif)}
a:focus-visible,button:focus-visible{outline:3px solid #a78240;outline-offset:5px}
[hidden]{display:none!important}
.fine-rule{height:1px;background:linear-gradient(90deg,transparent,#bda06b,transparent)}
.short-rule{width:80px;height:1px;background:#b99a60;margin-inline:auto}
.eyebrow{letter-spacing:.18em;text-transform:uppercase}
.site-header{text-align:center;padding:40px 24px 52px}
.header-inner{max-width:1120px;margin-inline:auto}
.brand-logo{display:block;max-width:720px;width:100%;height:auto;margin-inline:auto;object-fit:contain}
.header-rule{margin:8px 0 34px}
.organization-name{font-size:clamp(23px,3.3vw,32px);font-weight:500;line-height:1.35;letter-spacing:.09em;max-width:950px;margin:0 auto}
.registration-line{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 20px;margin:24px auto 0;font-size:12px;color:#806330;line-height:1.7;letter-spacing:.14em}
.registration-line .separator{color:var(--gold)}
.independence-notice{font-size:13px;line-height:1.8;color:#586675;max-width:670px;margin:24px auto 0}
.hero-section{text-align:center;padding:100px 24px 120px;background:linear-gradient(135deg,#101e2d,#233c50);color:white}
.hero-inner{max-width:1150px;margin-inline:auto}
.hero-title{color:#e5c68f;font-weight:400;letter-spacing:.045em;line-height:1.04;font-size:clamp(44px,8vw,106px);margin:30px 0 26px}
.hero-subtitle{font-size:clamp(18px,2.3vw,25px);color:#f7f3e9;line-height:1.7;max-width:760px;margin:0 auto 44px}
.apply-section,.contact-section{text-align:center;padding:96px 24px}
.narrow-container{max-width:790px;margin-inline:auto}
.section-kicker{font-size:12px;color:var(--gold);margin:0 0 20px;letter-spacing:.27em}
.section-title{font-size:clamp(29px,4vw,48px);line-height:1.15;font-weight:500;margin:0}
.section-rule{margin:36px 0}
.section-description{font-size:17px;line-height:1.85;color:#526171;max-width:690px;margin:0 auto}
.primary-button{display:inline-block;text-decoration:none;background:#a78240;color:#fff;padding:17px 35px;letter-spacing:.16em;text-transform:uppercase;font-size:13px;line-height:1.5;transition:filter .2s ease,transform .2s ease,box-shadow .2s ease;margin-top:38px;box-shadow:0 9px 25px rgba(112,79,28,.16)}
.primary-button:hover{filter:brightness(1.12);transform:translateY(-2px)}
.gallery-section{padding:96px 24px;background:linear-gradient(135deg,#f1eee7,#f8f5ed)}
.wide-container{max-width:1280px;margin-inline:auto}
.gallery-heading{text-align:center;margin-bottom:55px}
.gallery-heading .short-rule{margin-top:30px}
.certificate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;align-items:start}
.certificate-button{width:100%;display:block;text-align:initial;padding:12px;border:1px solid #d9c8a9;background:#fff;cursor:zoom-in;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}
.certificate-button:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(23,43,59,.13)}
.certificate-button img{display:block;width:100%;height:auto;aspect-ratio:1414 / 2000;object-fit:contain}
.certificate-button:last-child{grid-column:2}
.gallery-hint{text-align:center;font-size:13px;color:#687480;margin:42px 0 0}
.contact-section{padding:110px 24px 120px;scroll-margin-top:24px}
.contact-section .short-rule{margin-bottom:30px}
.contact-label{font-size:13px;color:#806330;margin:36px 0 12px;letter-spacing:.15em}
.contact-number{display:inline-block;color:var(--navy);text-decoration:none;font-size:clamp(21px,4vw,28px);line-height:1.6}
.contact-number:hover{text-decoration:underline;text-underline-offset:8px}
.contact-button{margin-top:38px;padding-inline:45px}
.site-footer{background:linear-gradient(135deg,#172b3b,#101e2d);text-align:center;color:#f0eee8;padding:54px 24px 60px}
.footer-inner{max-width:960px;margin-inline:auto}
.footer-name{font-size:18px;line-height:1.7;letter-spacing:.1em;text-transform:uppercase;color:#e5c68f;max-width:780px;margin:32px auto 0}
.footer-meta{display:flex;gap:12px 28px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:12px;margin-top:22px;letter-spacing:.14em;line-height:1.7}
.footer-meta a{color:inherit;text-decoration:none}.footer-meta a:hover{text-decoration:underline}
.gallery-backdrop{position:fixed;inset:0;background:rgba(10,25,36,.88);z-index:50}
.lightbox{position:fixed;inset:4%;z-index:51;display:flex;align-items:center;justify-content:center;background:#faf8f3;padding:20px;box-shadow:0 25px 90px rgba(0,0,0,.35)}
.lightbox img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.lightbox-close{position:absolute;top:4px;right:10px;border:0;border-radius:50%;background:var(--navy);color:white;font-size:30px;cursor:pointer;width:43px;height:43px;line-height:1}
.reveal{animation:rise .85s both}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:990px){.certificate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.certificate-button:last-child{grid-column:1}}
@media(max-width:620px){
 .site-header{padding:26px 18px 45px}.brand-logo{max-width:500px}.header-rule{margin:0 0 25px}
 .organization-name{font-size:23px;letter-spacing:.045em}
 .registration-line{gap:4px 10px;flex-direction:column;margin-top:20px}.registration-line .separator{display:none}
 .independence-notice{font-size:12px}
 .hero-section{padding:75px 18px 88px}.hero-title{font-size:clamp(38px,10vw,57px)}.hero-subtitle{font-size:18px}
 .apply-section,.contact-section{padding:70px 20px}.gallery-section{padding:72px 20px}
 .section-title{font-size:32px}
 .certificate-grid{grid-template-columns:1fr;gap:25px;max-width:460px;margin-inline:auto}
 .certificate-button:last-child{grid-column:auto}
 .gallery-heading{margin-bottom:32px}
 .footer-name{font-size:14px}.footer-meta{font-size:11px;flex-direction:column;gap:8px}
 .lightbox{inset:2%;padding:38px 7px 12px}.lightbox-close{top:3px;right:3px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}