:root{--black:#111;--gray-900:#222;--gray-700:#555;--gray-500:#777;--gray-300:#ddd;--bg-light:#faf5ff;--bg-warm:#f3e8ff;--accent:#9b87f5;--accent-mid:#7e69ab;--accent-soft:#e5deff;--font-main:"Pretendard",-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-main);color:var(--gray-900);word-break:keep-all;-webkit-font-smoothing:antialiased;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none;transition:all .3s}.container{max-width:1120px;margin:0 auto;padding:0 24px}header{z-index:100;background:#fff;border-bottom:1px solid #0000000a;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:48px}.logo h1{letter-spacing:-.02em;font-size:1.2rem;font-weight:700}.logo h1 span{color:var(--gray-500);letter-spacing:.02em;margin-bottom:2px;font-size:.65rem;font-weight:400;line-height:1.1;display:block}.nav-menu{gap:32px;list-style:none;display:flex}.menu-toggle{display:none}.menu-toggle span{background:var(--black);width:100%;height:2px;transition:all .3s}.hero{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:60vh;margin-bottom:72px;padding:0;display:flex;position:relative}.hero:before{content:"";z-index:1;background:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.hero .container{z-index:2;position:relative}.hero-content{max-width:720px}.hero-eyebrow{letter-spacing:.1em;color:#fffc;margin-bottom:20px;font-size:.9rem;font-weight:600;display:block}.hero-title{letter-spacing:-.03em;text-shadow:0 2px 10px #0000004d;margin-bottom:20px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.2}.hero-subtitle{color:#ffffffe6;max-width:600px;margin-bottom:32px;font-size:1.2rem}.btn{cursor:pointer;border-radius:40px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:var(--black);color:#fff}.btn-primary:hover{background:var(--accent);transform:translateY(-2px)}.btn-secondary{border:1px solid var(--gray-300);background:0 0}.btn-secondary:hover{background:var(--accent-soft)}.section{padding:30px 0}.section-title{letter-spacing:-.02em;margin-bottom:24px;font-size:2.2rem;font-weight:800}.section-intro{color:var(--gray-700);margin-bottom:32px;font-size:1.05rem}.about-heading{margin-bottom:24px;font-size:1.6rem;font-weight:700}.about-paragraph{color:var(--gray-700);margin-bottom:32px;font-size:1.05rem}.about-declaration p{margin-bottom:16px;font-size:1.05rem}.section.with-bg{color:#fff;background-position:50%;background-size:cover;align-items:center;min-height:50vh;display:flex;position:relative}.section.with-bg:before{content:"";z-index:1;background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.section.with-bg .container{z-index:2;position:relative}.section.with-bg .section-title,.section.with-bg .about-heading{color:#fff}.section.with-bg .section-intro,.section.with-bg .about-paragraph,.section.with-bg .about-declaration p{color:#ffffffe6}.section.with-bg .about-declaration strong{color:var(--accent-mid)}.section.with-bg .pastor-quote{color:#fff;border-left-color:var(--accent)}.pastor-quote{color:var(--black);border-left:2px solid var(--accent);margin-top:40px;padding-left:24px;font-size:1.2rem;font-weight:600;line-height:1.6}.worship-info{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:48px;display:grid}.worship-card{padding:0}.worship-card h3{margin:16px 0;font-size:1.3rem}.time{color:var(--black);font-weight:600}.location{color:var(--gray-700);font-size:.95rem}.youtube-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;display:grid}.youtube-video iframe{aspect-ratio:16/9;border-radius:12px;width:100%;display:block}.youtube-info{margin-top:16px}.btn-text{border-bottom:2px solid var(--accent-mid);margin-top:16px;font-weight:700;display:inline-block}.archive-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:32px;display:grid}.archive-card{border:1px solid #0000000f;border-radius:12px;height:100%;padding:32px;transition:all .3s;display:block}.archive-grid .archive-card:first-child{background-color:#f5f3ff;border-color:#ddd6fe}.archive-grid .archive-card:nth-child(2){background-color:#f0f9ff;border-color:#bae6fd}.archive-grid .archive-card:nth-child(3){background-color:#f0fdf4;border-color:#bbf7d0}.archive-grid .archive-card:nth-child(4){background-color:#fffbeb;border-color:#fef3c7}.archive-card h3{color:var(--black);margin-bottom:8px;font-size:1.1rem;font-weight:700}.archive-card p{color:var(--gray-700);font-size:.9rem;line-height:1.5}.archive-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000014}.archive-grid .archive-card:first-child:hover{border-color:#7c3aed}.archive-grid .archive-card:nth-child(2):hover{border-color:#0ea5e9}.archive-grid .archive-card:nth-child(3):hover{border-color:#22c55e}.archive-grid .archive-card:nth-child(4):hover{border-color:#f59e0b}.archive-card:hover h3{opacity:.8}.contact-content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:64px;display:grid}.info-item{margin-bottom:24px}.info-item .label{text-transform:uppercase;color:var(--gray-500);margin-bottom:8px;font-size:.8rem;display:block}.info-item .value{font-size:1.1rem;font-weight:600}.map-btns{gap:12px;margin-top:24px;display:flex}footer{background:var(--black);color:#fff;padding:80px 0}.footer-declaration{margin-bottom:32px;font-size:1.4rem;font-weight:700;line-height:1.4}.footer-copy{opacity:.6;margin-top:20px;font-size:.85rem}.footer-social{justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.footer-social a{color:var(--text-light);font-weight:500;text-decoration:none;transition:color .2s}.footer-social a:hover{color:var(--primary-light)}.footer-social .separator{color:var(--text-light);opacity:.3}.fade-up{opacity:0;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.fade-up.visible{opacity:1;transform:translateY(0)}.popup-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.popup-content{background:#fff;border-radius:16px;width:100%;max-width:400px;animation:.3s ease-out forwards popupFadeIn;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.popup-header h3{color:var(--text-dark);margin:0;font-size:1.1rem;font-weight:700}.popup-close-btn{cursor:pointer;color:var(--gray-500);background:0 0;border:none;padding:4px;font-size:1.2rem}.popup-body{flex-direction:column;gap:12px;padding:24px;display:flex}.popup-link-item{background-color:var(--bg-light);color:var(--text-dark);border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:transform .2s,background-color .2s;display:flex}.popup-link-item:hover{border-color:var(--primary);background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.popup-link-item .icon{font-size:1.5rem}.popup-link-item .text{flex-direction:column;font-size:1rem;font-weight:600;display:flex}.popup-link-item .text small{color:var(--gray-500);margin-top:2px;font-size:.8rem;font-weight:400}.popup-footer{background-color:var(--bg-light);text-align:right;border-top:1px solid #eee;padding:16px 24px}.dont-show{color:var(--gray-700);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.social-links-container{justify-content:center;gap:12px;margin-top:20px;display:flex}.btn-social{color:#fff;border-radius:50px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-social:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-facebook{background-color:#1877f2}.btn-instagram{background:linear-gradient(45deg,#405de6,#5851db,#833ab4,#c13584,#e1306c,#fd1d1d)}@media (max-width:768px){.nav-menu{background:#fff;flex-direction:column;gap:0;width:100%;height:0;padding:0 24px;transition:all .5s;position:fixed;top:72px;left:0;overflow:hidden}.nav-menu.active{height:100vh;padding-top:40px}.nav-menu li{margin-bottom:24px}.nav-menu a{font-size:1.5rem;font-weight:700}.menu-toggle{display:flex}.menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.section{padding:80px 0}.hero{padding-top:80px}.hero-title{font-size:2.2rem}}