:root{--primary: #673de6;--primary-dark: #4a2bc9;--primary-light: #8a6eff;--primary-gradient: linear-gradient(135deg, #673de6 0%, #8a6eff 100%);--dark: #1a1d29;--dark-light: #2a2f42;--gray: #6c7486;--gray-light: #a5adc6;--light: #f8f9fc;--white: #ffffff;--accent-blue: #4d7cfe;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-pink: #ec4899;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 30px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 3rem;--space-xl: 4rem;--font-primary: "Inter", sans-serif;--font-heading: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--dark);background:var(--light);line-height:1.6;overflow-x:hidden}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}section{padding:var(--space-xl) 0}.utility-bar{background:var(--dark);color:var(--gray-light);padding:.75rem 0;font-size:.875rem}.utility-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.contact-info span{display:inline-flex;align-items:center;gap:.5rem;margin-right:var(--space-lg)}.auth-links{display:flex;align-items:center;gap:var(--space-sm)}.login-link{color:var(--gray-light);text-decoration:none;transition:var(--transition-fast)}.login-link:hover{color:var(--white)}.cta-button-small{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-sm);text-decoration:none;font-weight:500;transition:var(--transition-normal)}.cta-button-small:hover{background:var(--primary-dark);transform:translateY(-1px)}.main-nav{background:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--dark);z-index:1001}.logo-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-heading)}.logo-text{font-size:1.75rem;font-weight:700;font-family:var(--font-heading);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:lowercase!important}.nav-menu{display:flex;align-items:center;gap:var(--space-xl)}.nav-links{display:flex;gap:var(--space-lg);list-style:none}.nav-links a{text-decoration:none;color:var(--gray);font-weight:500;padding:.5rem 0;position:relative;transition:var(--transition-fast)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:var(--space-sm)}.create-event-btn{background:var(--primary-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:var(--transition-normal)}.create-event-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.account-btn{width:44px;height:44px;border-radius:50%;background:var(--light);color:var(--primary);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.25rem;transition:var(--transition-normal)}.account-btn:hover{background:var(--primary);color:#fff;width:35%;aspect-ratio:1 / 1;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--dark);cursor:pointer;padding:.5rem;z-index:1001}@media (max-width: 768px){.menu-toggle{display:block}.nav-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--white);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;padding-left:var(--space-md);padding-right:var(--space-md);z-index:999;transform:translate(-100%);transition:transform .3s ease;overflow-y:auto}.nav-menu.active{transform:translate(0)}.nav-links{flex-direction:column;width:100%;gap:.75rem;margin-bottom:1rem;align-items:center;text-align:center}.nav-links a{width:auto;text-align:center;display:inline-block}.nav-actions{flex-direction:column;width:100%;max-width:280px;gap:.75rem;align-items:center;margin-top:-60px!important}.create-event-btn{width:100%;justify-content:center;text-align:center}.account-btn{width:35%;aspect-ratio:1 / 1;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center}.logo-text{display:none}.logo-icon{width:36px;height:36px;font-size:1.25rem}}.hero{background:linear-gradient(135deg,#f8f9fc,#f0f2ff);position:relative;overflow:hidden;padding:var(--space-xl) 0;min-height:85vh;display:flex;align-items:center}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(103,61,230,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(138,110,255,.1) 0%,transparent 50%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:var(--space-md);font-family:var(--font-heading)}.title-line{display:block}.title-line.accent{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--gray);margin-bottom:var(--space-lg);max-width:600px}.hero-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:var(--radius-md);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.75rem;transition:var(--transition-normal)}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary-light)}.btn-secondary:hover{background:var(--primary-light);color:#fff;transform:translateY(-2px)}.hero-visual{position:relative;height:400px}.floating-cards{position:absolute;width:100%;height:100%;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card{position:absolute;background:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;align-items:center;gap:1rem;transition:var(--transition-normal)}.card i{font-size:2.5rem;color:var(--primary)}.card h4{font-size:1.125rem;font-weight:600}.card-1{top:10%;left:10%;width:160px;animation-delay:0s}.card-2{top:50%;right:10%;width:160px;animation-delay:2s}.card-3{bottom:10%;left:30%;width:160px;animation-delay:4s}.card:hover{transform:translateY(-10px) scale(1.05)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:var(--primary);font-size:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.category-card{background:#fff;padding:2rem 1.5rem;border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal);border:1px solid transparent;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:var(--transition-normal)}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.category-card:hover:before{opacity:1}.category-icon{width:70px;height:70px;background:linear-gradient(135deg,#f0f2ff,#e6e9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1.75rem;color:var(--primary)}.category-card h3{font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.category-card p{color:var(--gray);font-size:.9375rem}.section-header{text-align:left;margin-bottom:var(--space-lg)}.section-header.center{text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;font-family:var(--font-heading);background:linear-gradient(135deg,var(--dark) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1.125rem;color:var(--gray);max-width:600px}.section-header.center .section-subtitle{margin:0 auto}.event-listings{background:var(--light)}.listings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.view-toggle{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.view-btn{padding:.75rem 1.5rem;border:none;background:transparent;border-radius:var(--radius-sm);font-weight:500;color:var(--gray);cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.view-btn.active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.view-btn:hover:not(.active){background:#f0f2ff;color:var(--primary)}.events-container{min-height:400px}.loading-events{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--gray)}.loading-spinner{width:50px;height:50px;border:3px solid #f0f2ff;border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-sm)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.event-card{background:#fff;border-radius:var(--radius-lg);margin-bottom:var(--space-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);display:flex;border-left:4px solid var(--primary)}.event-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.event-date{background:var(--primary-gradient);color:#fff;padding:1.5rem;min-width:120px;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date .day{font-size:2rem;font-weight:700;line-height:1}.event-date .month{font-size:.875rem;opacity:.9}.event-content{padding:1.5rem;flex:1}.event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.event-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.event-category{display:inline-block;padding:.25rem .75rem;background:#f0f2ff;color:var(--primary);border-radius:20px;font-size:.75rem;font-weight:500}.event-meta{display:flex;gap:1rem;color:var(--gray);font-size:.875rem;margin-bottom:1rem}.event-meta i{margin-right:.5rem;color:var(--primary-light)}.event-description{color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.event-actions{display:flex;gap:.75rem}.btn-outline{padding:.5rem 1.25rem;border:2px solid var(--primary-light);color:var(--primary);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:var(--transition-fast)}.btn-outline:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.events-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-md)}.events-container.grid-view .event-card{flex-direction:column;height:100%}.events-container.grid-view .event-date{min-width:100%;padding:1rem;flex-direction:row;justify-content:center;gap:.5rem}.events-container.grid-view .event-date .day{font-size:1.5rem}.events-container.grid-view .event-header{flex-direction:column;gap:.75rem}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-xl);counter-reset:step}.step{position:relative;text-align:center}.step-number{font-size:5rem;font-weight:800;color:#673de61a;margin-bottom:-2rem;line-height:1;font-family:var(--font-heading)}.step-content{background:#fff;padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.step-content:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.step-content i{font-size:3rem;color:var(--primary);margin-bottom:1.5rem;display:inline-block}.step-content h3{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.step-content p{color:var(--gray)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.feature-card{background:#fff;padding:2.5rem 2rem;border-radius:var(--radius-lg);text-align:center;transition:var(--transition-normal);border:1px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);opacity:0;transition:var(--transition-normal)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.feature-card:hover:before{opacity:1}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,#f0f2ff,#e6e9ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:var(--primary);transition:var(--transition-normal)}.feature-card:hover .feature-icon{background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.feature-card h3{font-size:1.375rem;margin-bottom:1rem;font-weight:600}.feature-card p{color:var(--gray);line-height:1.6}.cta-section{background:var(--primary-gradient);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cta-content{text-align:center;position:relative;z-index:1}.cta-title{font-size:3rem;font-weight:700;margin-bottom:var(--space-sm);font-family:var(--font-heading)}.cta-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.cta-stats{display:flex;justify-content:center;gap:var(--space-xl);margin-bottom:var(--space-xl);flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat-number{font-size:2.5rem;font-weight:700;line-height:1}.stat-label{font-size:.875rem;opacity:.9;margin-top:.5rem}.btn-large{padding:1.25rem 3rem;font-size:1.125rem}.cta-note{margin-top:var(--space-md);opacity:.9;font-size:.9375rem}.footer{background:var(--dark);color:var(--gray-light)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-column h4{color:#fff;font-size:1.125rem;margin-bottom:1.5rem;font-weight:600}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.footer-logo .logo-icon{width:36px;height:36px;font-size:1.25rem}.footer-logo .logo-text{font-size:1.5rem}.footer-description{margin-bottom:1.5rem;line-height:1.6}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border-radius:50%;background:var(--dark-light);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--transition-fast)}.social-links a:hover{background:var(--primary);transform:translateY(-2px)}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:var(--gray-light);text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:#fff;padding-left:.5rem}.footer-bottom{border-top:1px solid var(--dark-light);padding-top:var(--space-md);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.contact-info{display:flex;gap:var(--space-lg);flex-wrap:wrap}.contact-info p{display:flex;align-items:center;gap:.5rem}.contact-info i{color:var(--primary-light)}.copyright{color:var(--gray);font-size:.875rem}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{height:300px;max-width:600px;margin:0 auto}.hero-title{font-size:2.75rem}}@media (max-width: 768px){.utility-content{justify-content:center;text-align:center}.contact-info span{display:block;margin-right:0;margin-bottom:.5rem}.hero-title{font-size:2.25rem}.hero-actions{justify-content:center}.listings-header{flex-direction:column;gap:var(--space-md);text-align:center}.footer-bottom{flex-direction:column;text-align:center}.contact-info{flex-direction:column;gap:.5rem}.section-title{font-size:2rem}.cta-title{font-size:2.25rem}}@media (max-width: 480px){.hero-title{font-size:1.875rem}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-secondary{width:100%;justify-content:center}.categories-grid{grid-template-columns:1fr}.event-card{flex-direction:column}.event-date{min-width:100%;flex-direction:row;gap:1rem}.events-container.grid-view{grid-template-columns:1fr}}.logo-component{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-image{width:auto;height:60px;object-fit:contain;transition:var(--transition-normal)}.logo-text{font-size:1.25rem;font-weight:600;font-family:Poppins,sans-serif;color:var(--dark);letter-spacing:-.3px;text-transform:lowercase!important}.logo-component:hover .logo-image{transform:scale(1.02)}.logo-component:hover .logo-text{color:var(--primary)}@media (min-width: 1200px){.logo-image{height:70px}.logo-text{font-size:1.35rem;text-transform:lowercase!important}}@media (max-width: 768px){.logo-component{gap:.5rem}.logo-image{height:45px}.logo-text{display:none}}@media (max-width: 480px){.logo-image{height:40px}}