.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:var(--secondary);color:#fff}.btn--secondary:hover{background:var(--secondary-light)}.btn--outline{background:transparent;border:2px solid var(--border);color:var(--text-primary)}.btn--outline:hover{border-color:var(--primary);color:var(--primary)}.btn--ghost{background:transparent;color:var(--text-primary)}.btn--ghost:hover{background:var(--surface-secondary)}.btn--white{background:#fff;color:var(--text-primary)}.btn--white:hover{background:var(--surface-secondary)}.btn--full{width:100%}.btn--disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn--loading{position:relative;color:transparent}.btn__spinner{position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:active{transform:scale(.97)}.btn--primary:active{background:var(--primary-dark)}.btn--white:active{background:#e2e8f0}.btn--outline:active{background:var(--primary-50);border-color:var(--primary);color:var(--primary)}@media (max-width: 640px){.btn--sm{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-height:40px}.btn--md{padding:var(--space-3) var(--space-5);min-height:44px}.btn--lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base);min-height:48px}.btn--full-mobile{width:100%;justify-content:center}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--header-height);display:flex;align-items:center;transition:all var(--transition);background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar .navbar__logo,.navbar .navbar__logo-icon,.navbar .navbar__logo-text{color:#fff!important}.navbar .navbar__logo-text span{color:var(--accent-light)!important}.navbar .navbar__link{color:#fff!important;font-weight:600}.navbar .navbar__link:hover,.navbar .navbar__link--active{color:var(--accent-light)!important}.navbar .navbar__toggle span{background:#fff!important}.navbar--scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.navbar--scrolled .navbar__logo{color:var(--text-primary)!important}.navbar--scrolled .navbar__logo-icon{color:var(--primary)!important}.navbar--scrolled .navbar__logo-text{color:var(--text-primary)!important}.navbar--scrolled .navbar__logo-text span{color:var(--primary)!important}.navbar--scrolled .navbar__link{color:var(--text-secondary)!important}.navbar--scrolled .navbar__link:hover,.navbar--scrolled .navbar__link--active{color:var(--primary)!important}.navbar--scrolled .navbar__toggle span{background:var(--text-primary)!important}.navbar__container{display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.navbar__logo-icon{width:36px;height:36px;color:inherit}.navbar__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.navbar__nav{display:flex;align-items:center;gap:var(--space-8)}.navbar__links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.navbar__link{font-size:var(--text-base);font-weight:500;text-decoration:none;transition:color var(--transition-fast);position:relative}.navbar__link--active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;border-radius:var(--radius-full)}.navbar .navbar__link--active:after{background:var(--accent-light)}.navbar--scrolled .navbar__link--active:after{background:var(--primary)}.navbar__toggle{display:none;flex-direction:column;gap:5px;padding:8px;background:none;border:none;cursor:pointer}.navbar__toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}.navbar__toggle--open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__toggle--open span:nth-child(2){opacity:0}.navbar__toggle--open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar{height:var(--header-height)}.navbar__toggle{display:flex;z-index:1001;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--radius-md)}.navbar__toggle span{width:22px}.navbar__logo-text{font-size:var(--text-base)!important}.navbar__nav{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;height:100dvh;min-height:100vh;z-index:999;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:calc(var(--header-height) + var(--space-8)) var(--space-8) var(--space-8);background:#0f172a;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .3s ease,visibility .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.navbar__nav--open{transform:translate(0);opacity:1;visibility:visible}.navbar__links{flex-direction:column;gap:var(--space-1);width:100%}.navbar__links li{width:100%}.navbar__link{display:block;font-size:var(--text-lg)!important;color:#ffffffd9!important;font-weight:500!important;padding:var(--space-4) var(--space-4);border-radius:var(--radius-md);transition:all .2s ease}.navbar__nav--open .navbar__link:hover,.navbar__nav--open .navbar__link:active{color:#fff!important;background:#ffffff14}.navbar__nav--open .navbar__link--active{color:var(--accent-light)!important;background:#2563eb26}.navbar__nav--open .navbar__link--active:after{display:none}.navbar__nav .btn{width:100%;margin-top:var(--space-4);padding:var(--space-4);font-size:var(--text-base);justify-content:center;border-radius:var(--radius-lg)}}.footer{background:var(--secondary);color:var(--text-inverse);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--space-10);margin-bottom:var(--space-12)}.footer__brand{max-width:320px}.footer__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-inverse);margin-bottom:var(--space-4)}.footer__logo-icon{width:32px;height:32px;color:var(--primary-light)}.footer__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.footer__tagline{color:var(--text-muted);font-size:var(--text-sm);line-height:1.7}.footer__heading{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4);color:var(--text-inverse)}.footer__links{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer__links a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__links a:hover{color:var(--text-inverse)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.footer__bottom p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.footer__bottom-links{display:flex;gap:var(--space-6)}.footer__bottom-links a{color:var(--text-muted);font-size:var(--text-sm);text-decoration:none}.footer__bottom-links a:hover{color:var(--text-inverse)}@media (max-width: 1024px){.footer__grid{grid-template-columns:repeat(2,1fr)}.footer__brand{grid-column:span 2}}@media (max-width: 640px){.footer{padding:var(--space-10) 0 var(--space-6);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom,0px))}.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}.footer__brand{grid-column:span 2;max-width:100%}.footer__links a{padding:var(--space-1) 0;font-size:var(--text-base)}.footer__bottom{flex-direction:column;text-align:center;gap:var(--space-3)}.footer__bottom-links{gap:var(--space-4)}}.card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.card--default{border:1px solid var(--border)}.card--elevated{box-shadow:var(--shadow-lg)}.card--ghost{background:transparent;border:none}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-4)}.card--padding-md{padding:var(--space-6)}.card--padding-lg{padding:var(--space-8)}.card--hover{transition:all var(--transition)}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.card__image{width:100%;aspect-ratio:16 / 10;overflow:hidden}.card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.card--hover:hover .card__image img{transform:scale(1.05)}.card__content{padding:var(--space-6)}.card__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.card__description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6}@media (hover: none){.card--hover:hover{transform:none;box-shadow:var(--shadow)}.card--hover:active{box-shadow:var(--shadow-lg);border-color:var(--primary-light)}}@media (max-width: 640px){.card--padding-lg{padding:var(--space-6)}.card--padding-md,.card__content{padding:var(--space-4)}.card__title{font-size:var(--text-lg)}.card__description{font-size:var(--text-sm)}}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group__label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.input-group__required{color:var(--error);margin-left:var(--space-1)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.input:disabled{background:var(--surface-secondary);cursor:not-allowed;opacity:.7}.input--textarea{resize:vertical;min-height:120px;padding-bottom:var(--space-6);padding-right:var(--space-6)}.input-group--error .input{border-color:var(--error)}.input-group--error .input:focus{box-shadow:0 0 0 3px var(--error-light)}.input-group__error{font-size:var(--text-sm);color:var(--error)}@media (max-width: 640px){.input{font-size:16px;padding:var(--space-4);min-height:48px}.input--textarea{min-height:140px}}.breadcrumbs{padding:var(--space-3) 0;background:var(--surface);border-bottom:1px solid var(--border)}.breadcrumbs__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;font-size:var(--text-sm);flex-wrap:wrap;gap:var(--space-1)}.breadcrumbs__item{display:flex;align-items:center;gap:var(--space-1)}.breadcrumbs__separator{display:flex;align-items:center;color:var(--text-tertiary)}.breadcrumbs__link{color:var(--primary);text-decoration:none;transition:color .2s}.breadcrumbs__link:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumbs__current{color:var(--text-secondary);font-weight:500}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + var(--space-16)) var(--container-padding) var(--space-16);overflow:hidden}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ae6,#0f172ab3,#2563eb4d)}.hero__content{position:relative;z-index:1;text-align:center;max-width:900px}.hero__tag{display:inline-block;padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6)}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:var(--space-6)}.hero__title span{color:var(--accent-light)}.hero__description{font-size:var(--text-xl);color:#fffc;max-width:700px;margin:0 auto var(--space-8);line-height:1.7}.hero__cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.hero__stats{display:flex;gap:var(--space-12);justify-content:center;flex-wrap:wrap}.hero__stat{text-align:center}.hero__stat-value{display:block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;color:#fff;margin-bottom:var(--space-1)}.hero__stat-label{font-size:var(--text-sm);color:#ffffffb3}.about-preview__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.about-preview__image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.about-preview__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}.about-preview__content h2{margin-bottom:var(--space-6)}.about-preview__content p{margin-bottom:var(--space-4)}.about-preview__content .btn{margin-top:var(--space-4)}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.services__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--primary)}.services__icon svg{width:28px;height:28px}.events__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.event-card{display:flex;gap:var(--space-4);padding:var(--space-6)}.event-card__date{flex-shrink:0;width:64px;height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);border-radius:var(--radius-lg);color:#fff}.event-card__day{font-size:var(--text-2xl);font-weight:700;line-height:1}.event-card__month{font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.event-card__content{flex:1}.event-card__title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1);color:var(--text-primary)}.event-card__description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.event-card__meta{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.testimonials__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.testimonial-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-8)}.testimonial-card__quote{font-size:var(--text-lg);font-style:italic;color:#ffffffe6;line-height:1.7;margin-bottom:var(--space-6)}.testimonial-card__author{display:flex;align-items:center;gap:var(--space-4)}.testimonial-card__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}.testimonial-card__name{display:block;font-weight:600;color:#fff}.testimonial-card__role{font-size:var(--text-sm);color:#fff9}@media (max-width: 1024px){.about-preview__grid{grid-template-columns:1fr;gap:var(--space-8)}.about-preview__image{order:-1}.services__grid,.events__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.hero{min-height:100svh;min-height:100vh;padding-top:calc(var(--header-height) + var(--space-8));padding-bottom:var(--space-8)}.hero__tag{font-size:var(--text-xs);margin-bottom:var(--space-4)}.hero__title{font-size:clamp(1.75rem,7vw,2.5rem);margin-bottom:var(--space-4)}.hero__description{font-size:var(--text-base);margin-bottom:var(--space-6);line-height:1.6}.hero__cta{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.hero__cta .btn{width:100%;justify-content:center;padding:var(--space-4) var(--space-6)}.hero__stats{flex-direction:row;justify-content:center;gap:var(--space-6)}.hero__stat-value{font-size:var(--text-2xl)}.hero__stat-label{font-size:var(--text-xs)}.about-preview__grid{gap:var(--space-6)}.about-preview__content h2{margin-bottom:var(--space-4)}.services__grid{grid-template-columns:1fr;gap:var(--space-4)}.services__icon{width:48px;height:48px}.services__icon svg{width:24px;height:24px}.events__grid{grid-template-columns:1fr;gap:var(--space-4)}.event-card{padding:var(--space-4)}.event-card__date{width:56px;height:56px}.event-card__day{font-size:var(--text-xl)}.testimonials__grid{grid-template-columns:1fr;gap:var(--space-4)}.testimonial-card{padding:var(--space-6)}.testimonial-card__quote{font-size:var(--text-base);line-height:1.6;margin-bottom:var(--space-4)}.testimonial-card__avatar{width:44px;height:44px}.testimonial-card__name{font-size:var(--text-sm)}.testimonial-card__role{font-size:var(--text-xs)}}.story__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.story__content h2{margin-bottom:var(--space-6)}.story__content p{margin-bottom:var(--space-4)}.story__image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.story__image img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/10}.values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.values__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--primary)}.values__icon svg{width:28px;height:28px}.team__grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-8);max-width:900px;margin:0 auto}.team-card{text-align:center}.team-card__image{width:160px;height:160px;border-radius:50%;object-fit:cover;margin:0 auto var(--space-4);border:4px solid var(--border)}.team-card__name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-1)}.team-card__role{font-size:var(--text-sm);color:var(--text-muted)}@media (max-width: 1024px){.story__grid{grid-template-columns:1fr;gap:var(--space-8)}.story__image{order:-1}.values__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.values__grid{grid-template-columns:1fr;gap:var(--space-4)}.values__icon{width:48px;height:48px}.values__icon svg{width:24px;height:24px}.team__grid{grid-template-columns:1fr;gap:var(--space-6)}.team-card__image{width:120px;height:120px}.team-card__name{font-size:var(--text-base)}.story__grid{gap:var(--space-6)}.story__content h2{margin-bottom:var(--space-4)}}.upcoming-events__list{display:flex;flex-direction:column;gap:var(--space-6)}.event-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-6);padding:var(--space-6);align-items:start}.event-item__date-box{width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary);border-radius:var(--radius-lg);color:#fff}.event-item__day{font-size:var(--text-3xl);font-weight:700;line-height:1}.event-item__month{font-size:var(--text-sm);font-weight:600}.event-item__content{flex:1}.event-item__type{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.event-item__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.event-item__description{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}.event-item__meta{display:flex;flex-wrap:wrap;gap:var(--space-4)}.event-item__detail{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.event-item__detail svg{width:16px;height:16px}.event-item__action{align-self:center}.past-events__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.past-event-card{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.past-event-card__image{position:relative;aspect-ratio:4/3}.past-event-card__image img{width:100%;height:100%;object-fit:cover}.past-event-card__attendees{position:absolute;bottom:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-3);background:#000000b3;color:#fff;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.past-event-card__content{padding:var(--space-4)}.past-event-card__content h3{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.past-event-card__content p{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (max-width: 1024px){.event-item{grid-template-columns:auto 1fr}.event-item__action{grid-column:span 2;justify-self:start;margin-top:var(--space-4)}.past-events__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.event-item{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4)}.event-item__date-box{width:56px;height:56px}.event-item__day{font-size:var(--text-2xl)}.event-item__title{font-size:var(--text-lg)}.event-item__action{grid-column:1;width:100%}.event-item__action .btn{width:100%;justify-content:center}.event-item__meta{gap:var(--space-3)}.past-events__grid{grid-template-columns:1fr;gap:var(--space-4)}}.join-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:start}.join-info h2{margin-bottom:var(--space-6)}.join-benefits{display:flex;flex-direction:column;gap:var(--space-4)}.join-benefit{display:flex;gap:var(--space-3)}.join-benefit__icon{width:24px;height:24px;color:var(--success);flex-shrink:0;margin-top:2px}.join-benefit__icon svg{width:24px;height:24px}.join-benefit__content h4{font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-1)}.join-benefit__content p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.join-form-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8)}.join-form h3{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.join-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-error{padding:var(--space-3) var(--space-4);background:var(--error-light);border:1px solid var(--error);border-radius:var(--radius-md);color:var(--error);font-size:var(--text-sm)}.join-success{text-align:center;padding:var(--space-8)}.join-success__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--success)}.join-success__icon svg{width:64px;height:64px}.join-success h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.join-success p{color:var(--text-secondary);margin-bottom:var(--space-6)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.process-step{text-align:center}.process-step__number{display:inline-block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--primary-light);margin-bottom:var(--space-4)}.process-step__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-2)}.process-step__description{color:var(--text-secondary);font-size:var(--text-base)}@media (max-width: 1024px){.join-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr;gap:var(--space-6)}.process-step__number{font-size:var(--text-3xl)}.process-step__title{font-size:var(--text-lg)}.join-form-wrapper{padding:var(--space-4)}.join-form h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:start}.contact-info h2{margin-bottom:var(--space-4)}.contact-info>p{color:var(--text-secondary);margin-bottom:var(--space-8)}.contact-info__list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.contact-info__item{display:flex;gap:var(--space-4)}.contact-info__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary-50);border-radius:var(--radius-lg);color:var(--primary);flex-shrink:0}.contact-info__icon svg{width:24px;height:24px}.contact-info__label{display:block;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-1)}.contact-info__value{font-weight:500;color:var(--text-primary)}a.contact-info__value:hover{color:var(--primary)}.contact-social h4{font-size:var(--text-base);margin-bottom:var(--space-4)}.contact-social__links{display:flex;gap:var(--space-3)}.contact-social__links a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.contact-social__links a:hover{background:var(--primary);color:#fff}.contact-social__links svg{width:20px;height:20px}.contact-form-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8)}.contact-form h3{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.contact-form{display:flex;flex-direction:column;gap:var(--space-5)}.contact-success{text-align:center;padding:var(--space-8)}.contact-success__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--success)}.contact-success__icon svg{width:64px;height:64px}.contact-success h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.contact-success p{color:var(--text-secondary);margin-bottom:var(--space-6)}@media (max-width: 1024px){.contact-grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 640px){.contact-form-wrapper{padding:var(--space-4)}.contact-form h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}.contact-info__icon{width:40px;height:40px}.contact-info__icon svg{width:20px;height:20px}.contact-social__links a{width:48px;height:48px}}.flagship-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-10);align-items:start}.flagship-content{display:flex;flex-direction:column;gap:var(--space-6)}.flagship-section h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.flagship-label{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600}.flagship-section p{color:var(--text-secondary);line-height:1.8}.flagship-roles{display:flex;flex-wrap:wrap;gap:var(--space-2)}.flagship-role-tag{padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;border:1px solid var(--primary)}.flagship-cta{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4)}.flagship-image{position:sticky;top:100px}.flagship-image img{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.flagship-tech{padding:var(--space-4);background:var(--surface-alt, #f1f5f9);border-radius:var(--radius)}.flagship-tech h4{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.flagship-tech p{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.ideas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-6)}.idea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.idea-icon{font-size:2rem}.idea-difficulty{padding:var(--space-1) var(--space-3);border-radius:var(--radius);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.idea-difficulty[data-level=low],.idea-difficulty[data-level=lowmedium]{background:#d1fae5;color:#059669}.idea-difficulty[data-level=medium]{background:#fef3c7;color:#d97706}.idea-difficulty[data-level=high]{background:#fee2e2;color:#dc2626}.idea-title{font-size:var(--text-xl);margin-bottom:var(--space-2);line-height:1.3}.idea-category{display:inline-block;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.idea-section{margin-bottom:var(--space-4)}.idea-section h4{font-size:var(--text-sm);color:var(--text-primary);font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.idea-section p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.idea-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-4)}.idea-tag{padding:2px 8px;background:var(--surface-alt, #f1f5f9);border-radius:4px;font-size:11px;color:var(--text-secondary);font-weight:500}.idea-funding{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#f0fdf4;border-radius:var(--radius);font-size:var(--text-xs);color:#059669;font-weight:600;margin-bottom:var(--space-4)}@media (max-width: 1024px){.flagship-grid{grid-template-columns:1fr}.flagship-image{position:static;order:-1}}@media (max-width: 768px){.ideas-grid{grid-template-columns:1fr}}.volunteer-message{display:flex;gap:var(--space-8);align-items:flex-start;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.volunteer-message__avatar{flex-shrink:0}.volunteer-message__avatar img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--primary)}.volunteer-message__content h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.volunteer-message__content p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.volunteer-message__sign{margin-top:var(--space-6);font-style:italic;color:var(--text-primary)!important}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.role-icon{color:var(--primary);margin-bottom:var(--space-3)}.role-meta{margin:var(--space-3) 0}.role-commitment{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--primary-50);color:var(--primary);border-radius:var(--radius);font-size:var(--text-xs);font-weight:600}.role-projects{display:flex;flex-wrap:wrap;gap:4px}.role-project-tag{padding:2px 8px;background:var(--surface-alt, #f1f5f9);border-radius:4px;font-size:11px;color:var(--text-secondary);font-weight:500}.perks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.perk-card{padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.perk-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #2563eb14}.perk-card h4{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--primary)}.perk-card p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}@media (max-width: 768px){.volunteer-message{flex-direction:column;align-items:center;text-align:center;padding:var(--space-6)}.volunteer-message__avatar img{width:80px;height:80px}.volunteer-message__content h2{font-size:var(--text-xl)}.roles-grid{grid-template-columns:1fr}}@media (max-width: 640px){.perks-grid{grid-template-columns:1fr;gap:var(--space-4)}.perk-card{padding:var(--space-4)}.perk-card h4{font-size:var(--text-base)}.role-icon svg{width:28px;height:28px}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--primary-light: #3b82f6;--primary-50: #eff6ff;--primary-100: #dbeafe;--secondary: #0f172a;--secondary-light: #1e293b;--accent: #06b6d4;--accent-light: #22d3ee;--surface: #ffffff;--surface-secondary: #f8fafc;--surface-dark: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--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);--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease;--container-max: 1280px;--container-padding: 1.5rem;--section-padding: 6rem;--header-height: 80px}@media (max-width: 768px){:root{--header-height: 64px;--section-padding: 3rem;--container-padding: 1.25rem}}@media (max-width: 480px){:root{--section-padding: 2.5rem;--container-padding: 1rem}}@media (prefers-color-scheme: dark){:root{--surface: #0f172a;--surface-secondary: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border: #334155;--border-light: #1e293b}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--surface)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{color:var(--text-secondary);margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}a,button,input,select,textarea{touch-action:manipulation}body.menu-open{overflow:hidden;position:fixed;width:100%}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0}.section--alt{background-color:var(--surface-secondary)}.section--dark{background-color:var(--secondary);color:var(--text-inverse)}.section--dark h2,.section--dark h3{color:var(--text-inverse)}.section--dark p{color:var(--text-muted)}.section-header{text-align:center;max-width:720px;margin:0 auto var(--space-16)}.section-header__tag{display:inline-block;font-size:var(--text-sm);font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4)}.section-header__title{margin-bottom:var(--space-4)}.section-header__subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.grid{display:grid;gap:var(--space-8)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media (max-width: 1024px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}:root{--section-padding: 4rem}}@media (max-width: 640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-base)}.section-header{margin:0 auto var(--space-10)}.section-header__subtitle{font-size:var(--text-base)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background-color:var(--primary);color:#fff}.page-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:calc(var(--header-height) + var(--space-16)) var(--container-padding) var(--space-16);overflow:hidden}.page-hero--short{min-height:50vh}.page-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.page-hero__bg img{width:100%;height:100%;object-fit:cover}.page-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ae6,#0f172abf,#2563eb33)}.page-hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.page-hero__tag{display:inline-block;padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:var(--accent-light);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-4);letter-spacing:.05em;text-transform:uppercase}.page-hero__content h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-4)}.page-hero__content p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto;line-height:1.7}.cta-section{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{color:#fff;margin-bottom:var(--space-4)}.cta-content p{color:#ffffffe6;font-size:var(--text-lg);margin-bottom:var(--space-8)}.main{min-height:100vh}@media (max-width: 640px){.page-hero{min-height:45vh;padding:calc(var(--header-height) + var(--space-8)) var(--container-padding) var(--space-10)}.page-hero--short{min-height:35vh}.page-hero__content p{font-size:var(--text-base)}.page-hero__content h1{font-size:clamp(1.5rem,6vw,2.25rem)}.page-hero__tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.cta-content p{font-size:var(--text-base)}}@media (max-width: 480px){.page-hero{min-height:40vh}}