*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--primary-color: #1C1C1C;--primary-dark: #1C1C1C;--secondary-color: #DADDD8;--accent-color: #DADDD8;--text-primary: #1C1C1C;--text-secondary: #DADDD8;--text-light: #DADDD8;--bg-primary: #FAFAFF;--bg-secondary: #EEF0F2;--bg-accent: #ECEBE4;--border-color: #DADDD8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1)}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:linear-gradient(-45deg,#eef0f2,#ecebe4,#daddd8,#eef0f2);background-size:400% 400%;background-attachment:fixed;min-height:100vh;animation:gradientShift 15s ease infinite;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}.navbar{background:#eef0f2cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease}.navbar.scrolled{height:60px;box-shadow:var(--shadow-md);background:#eef0f2e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:80px;transition:height .3s ease}.navbar.scrolled .nav-container{height:60px}.nav-logo{display:flex;align-items:center;justify-content:flex-start;position:relative;width:100%;height:100%}.logo-img{height:50px;width:auto;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar.scrolled .logo-img{height:35px}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-link:hover{color:var(--primary-color)}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-primary);margin:3px 0;transition:.3s}.hero{padding:130px 0 120px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-accent) 100%);position:relative;overflow:hidden;min-height:100vh}.animated-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mouse-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(28,28,28,.12) 0%,rgba(218,221,216,.08) 40%,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none;filter:blur(1px)}.bubble-system{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffff4d,#1c1c1c26);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);animation:floatBubble 12s ease-in-out infinite}.bubble-1{width:400px;height:400px;top:10%;left:10%;animation-delay:0s;animation-duration:15s}.bubble-2{width:350px;height:350px;top:50%;right:10%;animation-delay:3s;animation-duration:12s}.bubble-3{width:380px;height:380px;bottom:10%;left:20%;animation-delay:6s;animation-duration:18s}.bubble-4{width:320px;height:320px;top:30%;right:25%;animation-delay:9s;animation-duration:14s}.bubble-5{width:280px;height:280px;top:15%;left:5%;animation-delay:0s;animation-duration:16s}.bubble-6{width:240px;height:240px;top:60%;right:8%;animation-delay:4s;animation-duration:13s}.bubble-7{width:300px;height:300px;bottom:15%;left:15%;animation-delay:8s;animation-duration:17s}.bubble-8{width:200px;height:200px;top:25%;right:30%;animation-delay:12s;animation-duration:11s}.bubble-glow{position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(180deg,transparent 0%,rgba(28,28,28,.08) 50%,rgba(218,221,216,.05) 100%);animation:glowPulse 8s ease-in-out infinite}@keyframes floatBubble{0%,to{transform:translate(0) scale(1);opacity:.6}25%{transform:translate(30px,-20px) scale(1.1);opacity:.8}50%{transform:translate(-20px,15px) scale(.9);opacity:.7}75%{transform:translate(15px,-10px) scale(1.05);opacity:.9}}@keyframes glowPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.6;transform:scaleY(1.2)}}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;gap:4rem;align-items:center;position:relative;z-index:2}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary)}.hero-subtitle{font-size:1.25rem;color:#1c1c1c;margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;padding:2rem}.hero-main{text-align:left}.hero-blurb{text-align:left;display:flex;align-items:flex-end}.mixer-content{text-align:left;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2)}.mixer-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.section-header{text-align:left;margin-bottom:4rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0}.mixer-date{font-size:1.5rem;font-weight:600;color:#1c1c1c;margin:1rem 0}.mixer-address{font-size:1.25rem;color:var(--text-primary);margin:.5rem 0 2rem}.countdown-timer{font-size:2rem;font-weight:700;color:var(--text-primary);font-family:Courier New,monospace;margin-top:1rem}.mixer-image{margin-top:2rem;text-align:center}.mixer-img{max-width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.mixer-img:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.btn-rsvp{background:#1c1c1c;color:#fafaff;margin-top:1.5rem;padding:1rem 2rem;font-size:1.25rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:280px;min-width:280px}.btn-rsvp:hover{background:#1c1c1c;opacity:.8;transform:translateY(-2px);box-shadow:var(--shadow-md)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;position:relative;z-index:2}.service-card{background:var(--bg-primary);padding:2rem;border-radius:12px;box-shadow:var(--shadow-md);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.service-icon{margin-bottom:1.5rem}.service-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.service-card p{color:var(--text-secondary);line-height:1.6}.about{padding:80px 0;background:#1c1c1c;color:#fafaff}.about-content{display:block;max-width:800px;margin:0 auto;padding-left:2rem}.about-text h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#fafaff}.about-text p{color:#daddd8;margin-bottom:1.5rem;line-height:1.6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.stat{text-align:center}.stat h3{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat p{color:#daddd8;font-weight:500}.about-placeholder{background:var(--bg-primary);border-radius:12px;padding:2rem;box-shadow:var(--shadow-lg)}.contact{padding:80px 0;background:var(--bg-primary)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item h4{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.contact-item p{color:var(--text-secondary);line-height:1.6}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--text-primary);color:#fff;padding:3rem 0 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:2rem;align-items:start;max-width:1000px;margin-left:auto;margin-right:auto}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:#fff}.footer-section p{color:var(--text-light);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-light);text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-bottom{border-top:1px solid #DADDD8;padding-top:1rem;text-align:center}.footer-bottom p{color:var(--text-light)}.divisions{padding:60px 0 80px;background:var(--bg-primary);position:relative;overflow:hidden}.divisions-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.divisions .section-header{padding-left:2rem;padding-right:2rem;margin-bottom:3rem;position:relative;z-index:2}.divisions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1000px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.division-card{background:#eef0f28c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);border:1px solid rgba(218,221,216,.6);text-align:center;transition:all .3s ease;cursor:default}.division-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl);border-color:#1c1c1c}.division-icon{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;color:#1c1c1c;transition:all .3s ease}.division-card:hover .division-icon{color:#1c1c1c;opacity:.8;transform:scale(1.1)}.division-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#1c1c1c}.division-card p{color:#1c1c1c;line-height:1.6;margin:0}.fellowship{padding:80px 0;background:var(--bg-secondary);text-align:center}.fellowship .section-header{text-align:center;max-width:600px;margin:0 auto}.fellowship .section-header p{text-align:left;margin:0;color:#1c1c1c}.fellowship-content{margin-top:2rem;display:flex;justify-content:center}.btn-fellowship{font-size:1.25rem;padding:1rem 2rem;font-weight:600;background:#1c1c1c;color:#fafaff;width:280px;min-width:280px}.btn-fellowship:hover{background:#1c1c1c;opacity:.8;transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background:#eef0f2;width:100%;text-align:center;transition:.3s;box-shadow:var(--shadow-md);padding:2rem 0}.navbar.scrolled .nav-menu{top:60px}.nav-menu.active{left:0}.nav-toggle{display:flex}.hero-content{grid-template-columns:1fr;text-align:left;gap:1rem}.hero-main,.hero-blurb{text-align:left}.hero-title{font-size:2.5rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.about-content{grid-template-columns:1fr;gap:2rem}.about-text{padding-left:1.5rem;padding-right:1.5rem;margin-right:2rem;width:calc(100% - 2rem);box-sizing:border-box}.fellowship .section-header{text-align:left;padding-left:1.5rem;padding-right:1.5rem}.fellowship .section-header p,.about .container{padding-left:0;padding-right:0}.divisions-grid{grid-template-columns:1fr;gap:1.5rem}.contact-content{grid-template-columns:1fr;gap:2rem}.stats{grid-template-columns:1fr;gap:1rem}.container{padding:0 1rem;width:100%;max-width:100%}.nav-container{padding:0 1rem;width:100%}.hero-container{padding:0 1rem;width:100%;gap:2rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}}@media (max-width: 480px){.hero-title,.section-header h2{font-size:2rem}.services-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px}.hero{padding:130px 0 40px}}