:root{--color-background:#f8fafc;--color-on-background:#141b2b;--color-surface:#f9f9ff;--color-surface-dim:#d3daef;--color-surface-container-low:#f1f3ff;--color-surface-container:#e9edff;--color-surface-container-high:#e1e8fd;--color-surface-container-highest:#dce2f7;--color-on-surface:#141b2b;--color-on-surface-variant:#4b4451;--color-outline:#7d7482;--color-outline-variant:#cec3d3;--color-primary:#639;--color-on-primary:#fff;--color-primary-fixed-dim:#dcb8ff;--color-secondary:#123f91;--color-on-secondary:#fff;--color-royal-blue:#123f91;--color-soft-lavender:#eae0f5;--font-family-base:"Inter", sans-serif;--font-size-marketing-hero:32px;--font-weight-marketing-hero:700;--line-height-marketing-hero:1.2;--letter-spacing-marketing-hero:-.02em;--font-size-marketing-hero-mobile:28px;--font-weight-marketing-hero-mobile:700;--line-height-marketing-hero-mobile:1.2;--font-size-page-heading:28px;--font-weight-page-heading:700;--line-height-page-heading:1.2;--font-size-section-heading:24px;--font-weight-section-heading:600;--line-height-section-heading:1.3;--font-size-card-title:18px;--font-weight-card-title:600;--line-height-card-title:1.4;--font-size-body:14px;--font-weight-body:400;--line-height-body:1.6;--font-size-ui-label:12px;--font-weight-ui-label:500;--line-height-ui-label:1.4;--spacing-base:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-base:none;--shadow-hover:0px 4px 12px #0000000d;--shadow-overlay:0px 12px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);background-color:var(--color-background);color:var(--color-on-background);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.marketing-hero{font-size:var(--font-size-marketing-hero);font-weight:var(--font-weight-marketing-hero);line-height:var(--line-height-marketing-hero);letter-spacing:var(--letter-spacing-marketing-hero)}.marketing-hero-mobile{font-size:var(--font-size-marketing-hero-mobile);font-weight:var(--font-weight-marketing-hero-mobile);line-height:var(--line-height-marketing-hero-mobile)}.page-heading{font-size:var(--font-size-page-heading);font-weight:var(--font-weight-page-heading);line-height:var(--line-height-page-heading)}.section-heading{font-size:var(--font-size-section-heading);font-weight:var(--font-weight-section-heading);line-height:var(--line-height-section-heading)}.card-title{font-size:var(--font-size-card-title);font-weight:var(--font-weight-card-title);line-height:var(--line-height-card-title)}.ui-label{font-size:var(--font-size-ui-label);font-weight:var(--font-weight-ui-label);line-height:var(--line-height-ui-label)}.max-w-desktop{max-width:1280px;margin-left:auto;margin-right:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.btn{height:48px;padding:0 var(--spacing-xl);border-radius:var(--radius-md);font-size:var(--font-size-ui-label);text-align:center;justify-content:center;align-items:center;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:var(--color-royal-blue);color:var(--color-on-primary)}.btn-secondary:hover{opacity:.9}.btn-outline{border:2px solid var(--color-royal-blue);color:var(--color-royal-blue);background-color:#0000;font-weight:700}.btn-outline:hover{background-color:var(--color-surface-container-low)}.badge{padding:var(--spacing-base) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-ui-label);align-items:center;font-weight:700;display:inline-flex}.badge-featured{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-primary);background-color:#ffffffe6;box-shadow:0 1px 2px #0000000d}.badge-success{color:#22c55e;background-color:#22c55e1a}.input-base{border-radius:var(--radius-default);height:48px;padding:0 var(--spacing-md);font-size:var(--font-size-ui-label);color:var(--color-on-surface);background-color:#fff;border:1px solid #e5e7eb;outline:none;width:100%;transition:all .2s}.input-base:focus{border-color:var(--color-royal-blue);box-shadow:0 0 0 2px #123f911a}.icon{vertical-align:middle;display:inline-block}.search-bar{background-color:var(--color-surface-container-low);border-radius:var(--radius-full);padding:var(--spacing-base) var(--spacing-sm);align-items:center;display:none}@media (width>=768px){.search-bar{display:flex}}.search-bar .search-icon{color:var(--color-on-surface-variant);margin-right:var(--spacing-xs);font-size:20px}.search-bar input{color:var(--color-on-surface);font-size:var(--font-size-ui-label);background:0 0;border:none;outline:none;width:200px}.event-card{background-color:var(--color-soft-lavender);cursor:pointer;border:1px solid #e5e7eb;border-radius:5px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-hover)}.event-card-featured{border-color:var(--color-primary);background-color:#fff}.event-card .card-image-wrapper{width:100%;height:192px;position:relative;overflow:hidden}.event-card .card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.event-card:hover .card-image{transform:scale(1.05)}.event-card .card-badge-container{top:var(--spacing-sm);right:var(--spacing-sm);position:absolute}.event-card .card-content{padding:var(--spacing-md);flex-direction:column;flex:1;display:flex}.event-card .card-meta{gap:var(--spacing-xs);color:var(--color-on-surface-variant);font-size:var(--font-size-ui-label);margin-bottom:var(--spacing-xs);align-items:center;font-weight:500;display:flex}.event-card .card-meta .icon{font-size:16px}.event-card .card-title{margin-bottom:var(--spacing-xs);transition:color .2s}.event-card:hover .card-title{color:var(--color-primary)}.event-card .card-description{color:var(--color-on-surface-variant);margin-bottom:var(--spacing-md);-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.event-card .card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.top-navbar{background-color:var(--color-surface);z-index:50;width:100%;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.top-navbar .nav-container{height:80px;padding:0 var(--spacing-xl);justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;display:flex}.top-navbar .nav-left{align-items:center;gap:var(--spacing-xl);display:flex}.top-navbar .nav-logo{font-size:var(--font-size-page-heading);font-weight:var(--font-weight-page-heading);color:var(--color-primary);letter-spacing:-.02em}.top-navbar .nav-links{gap:var(--spacing-lg);display:none}@media (width>=768px){.top-navbar .nav-links{display:flex}}.top-navbar .nav-link{color:var(--color-on-surface-variant);padding:var(--spacing-base) var(--spacing-xs);border-radius:var(--radius-sm);font-weight:500;transition:color .2s,background-color .2s}.top-navbar .nav-link:hover{color:var(--color-primary);background-color:var(--color-surface-container-high)}.top-navbar .nav-link.active{color:var(--color-primary);border-bottom:2px solid var(--color-primary);border-radius:0}.top-navbar .nav-right{align-items:center;gap:var(--spacing-md);display:flex}.top-navbar .nav-icon-btn{color:var(--color-on-surface-variant);padding:var(--spacing-base);border-radius:var(--radius-full);transition:background-color .2s,color .2s}.top-navbar .nav-icon-btn:hover{color:var(--color-primary);background-color:var(--color-surface-container-high)}.hamburger-menu-btn{display:none}.mobile-menu{background-color:var(--color-surface);border-bottom:1px solid var(--color-outline-variant);padding:var(--spacing-lg);z-index:40;display:none;position:absolute;top:80px;left:0;right:0;box-shadow:0 4px 6px -1px #0000001a}.mobile-menu.open{display:block}.mobile-menu-content{gap:var(--spacing-md);flex-direction:column;display:flex}.mobile-nav-link{color:var(--color-on-surface);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-outline-variant);font-size:18px;font-weight:500;text-decoration:none}.mobile-nav-link:hover{color:var(--color-primary)}@media (width<=767px){.hamburger-menu-btn{display:block}.desktop-create-event{display:none}}@media (width>=768px){.mobile-menu{display:none!important}}.hero-section{max-width:1280px;padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;flex-direction:column;align-items:center;margin:0 auto;display:flex}@media (width>=768px){.hero-section{padding:100px var(--spacing-xl)}}.hero-section p{color:var(--color-on-surface-variant);max-width:42rem;margin-bottom:var(--spacing-xl);font-size:18px;line-height:1.6}.hero-actions{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.hero-actions .btn{width:100%}@media (width>=640px){.hero-actions{flex-direction:row;width:auto}.hero-actions .btn{width:auto}}.event-section{max-width:1280px;padding:var(--spacing-lg) var(--spacing-md);margin:0 auto}.event-section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.event-section-header a{color:var(--color-royal-blue);font-size:var(--font-size-ui-label);align-items:center;gap:var(--spacing-base);font-weight:500;text-decoration:none;display:flex}.event-section-header a:hover{text-decoration:underline}.event-grid{gap:var(--spacing-lg);grid-template-columns:repeat(1,1fr);display:grid}.featured-scroll{padding-bottom:var(--spacing-lg);gap:var(--spacing-sm);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));padding-left:var(--spacing-md);padding-right:var(--spacing-md);display:flex;overflow-x:auto}.featured-scroll::-webkit-scrollbar{display:none}.featured-scroll>.event-card{min-width:280px;width:calc(100vw - calc(2 * var(--spacing-md)));scroll-snap-align:center;flex-shrink:0}@media (width>=768px){.event-section{padding:var(--spacing-2xl) var(--spacing-xl)}.event-grid{grid-template-columns:repeat(2,1fr)}.featured-scroll{margin-left:calc(-1 * var(--spacing-xl));margin-right:calc(-1 * var(--spacing-xl));padding-left:var(--spacing-xl);padding-right:var(--spacing-xl);gap:var(--spacing-lg)}.featured-scroll>.event-card{min-width:auto;width:calc((100vw - calc(2 * var(--spacing-xl)) - var(--spacing-lg)) / 2)}}@media (width>=1024px){.event-grid{grid-template-columns:repeat(3,1fr)}.featured-scroll>.event-card{width:calc((min(100vw, 1280px) - calc(2 * var(--spacing-xl)) - calc(2 * var(--spacing-lg))) / 3)}}.footer{background-color:var(--color-surface-container-low);border-top:1px solid var(--color-outline-variant);width:100%;margin-top:auto}.footer-container{max-width:1280px;padding:var(--spacing-2xl) var(--spacing-xl);justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}@media (width>=768px){.footer-container{flex-direction:row;gap:0}}.footer-logo{font-size:var(--font-size-section-heading);font-weight:var(--font-weight-section-heading);color:var(--color-on-surface)}.footer-links{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.footer-link{font-size:var(--font-size-ui-label);color:var(--color-on-surface-variant);transition:color .2s}.footer-link:hover{color:var(--color-secondary);text-decoration:underline}.footer-copyright{color:var(--color-on-surface-variant);font-size:14px}.modal-overlay{z-index:50;padding:var(--spacing-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#141b2b4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background-color:var(--color-surface-container-lowest);border-radius:var(--radius-lg);width:100%;max-width:600px;box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-close{top:var(--spacing-md);right:var(--spacing-md);color:var(--color-on-surface-variant);padding:var(--spacing-base);border-radius:var(--radius-full);z-index:10;cursor:pointer;background:0 0;border:none;position:absolute}.modal-close:hover{color:var(--color-primary);background-color:var(--color-surface-container-low)}.modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-outline-variant);text-align:center}.modal-body{padding:var(--spacing-xl);gap:var(--spacing-lg);flex-direction:column;display:flex}.modal-footer{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-xl);justify-content:flex-end;gap:var(--spacing-md);flex-direction:column-reverse;display:flex}@media (width>=640px){.modal-footer{flex-direction:row}}