@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#18181b;--ink-soft:#3f3f46;--red:#c8102e;--red-hot:#a50e24;--navy:#003087;--navy-dark:#001a4d;--steel:#6b84b0;--emerald:#10b981;--gray:#71717a;--gray-light:#a1a1aa;--border:#e4e4e7;--surface:#f4f6fa;--white:#fff;--orange:#c8102e;--orange-hot:#a50e24;--radius-sm:10px;--radius-md:18px;--radius-lg:26px;--shadow-xs:0 1px 4px #0000000a;--shadow-sm:0 4px 16px #0000000f;--shadow-md:0 8px 32px #00000014;--shadow-lg:0 20px 56px #0000001f;--glow-orange:0 0 0 3px #c8102e33}body{-webkit-font-smoothing:antialiased;background:#f4f6fa;background:var(--surface);background-attachment:fixed;color:#18181b;color:var(--ink);font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Montserrat,sans-serif}@keyframes glass-shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 3px #10b98140}50%{box-shadow:0 0 0 5px #10b9811a}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.navbar{background:#003087;background:var(--navy);border-bottom:3px solid #c8102e;border-bottom:3px solid var(--red);box-shadow:0 4px 24px #00000038;position:sticky;top:0;z-index:100}.navbar-inner{height:64px;margin:0 auto;max-width:1140px;padding:0 1.5rem}.logo,.navbar-inner{align-items:center;display:flex}.logo{flex-shrink:0;gap:10px;margin-right:32px;text-decoration:none}.logo-img{border-radius:4px;display:block;height:38px;width:auto}.logo-badge{background:#003087;border-radius:8px;color:#fff;font-family:Montserrat,sans-serif;font-size:13px;font-weight:800;letter-spacing:1.5px;padding:5px 11px}.logo-text-group{display:flex;flex-direction:column;gap:1px}.logo-title{color:#fff;font-size:14px;font-weight:700;line-height:1.1}.logo-sub,.logo-title{font-family:Montserrat,sans-serif}.logo-sub{color:#ffffff80;font-size:9px;font-weight:600;letter-spacing:.9px;line-height:1;text-transform:uppercase}.nav-links{align-items:center;display:flex;flex:1 1;gap:2rem;list-style:none}.nav-links a{color:#ffffffa6;font-size:14px;font-weight:600;padding-bottom:4px;position:relative;text-decoration:none;transition:color .2s}.nav-links a:after{background:#c8102e;background:var(--red);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .2s}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.active{color:#fff}.nav-links a.active:after{transform:scaleX(1)}.btn-signin{align-items:center;background:#c8102e;background:var(--red);border-radius:50px;box-shadow:0 2px 10px #c8102e59;color:#fff;display:flex;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;gap:6px;padding:9px 22px;text-decoration:none;transition:all .22s}.btn-signin:hover{background:#a50e24;background:var(--red-hot);box-shadow:0 4px 16px #c8102e80;color:#fff;transform:translateY(-1px)}.hamburger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:none;justify-content:center;padding:6px;transition:background .2s}.hamburger:hover{background:#0000000d}.nav-user{background:#ffffff1a;border:1px solid #fff3;border-radius:50px;gap:8px;padding:5px 14px 5px 8px}.nav-user,.nav-user-avatar{align-items:center;display:flex}.nav-user-avatar{background:#c8102e;background:var(--red);border-radius:50%;color:#fff;height:28px;justify-content:center;width:28px}.nav-user-name{color:#ffffffe6;font-size:13px;font-weight:600;text-transform:capitalize}.nav-logout{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;padding:2px;transition:color .2s}.nav-logout:hover{color:#c8102e;color:var(--red)}.nav-backdrop{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#00000073;display:none;inset:0;opacity:0;position:fixed;transition:opacity .3s;z-index:198}.nav-backdrop.open{animation:fadeIn .3s ease;display:block;opacity:1}.mobile-menu{backdrop-filter:blur(56px) saturate(180%);-webkit-backdrop-filter:blur(56px) saturate(180%);background:#faf8f4f7;border-left:1px solid #fffc;box-shadow:-12px 0 48px #00000024;display:flex;flex-direction:column;gap:2px;height:100vh;overflow-y:auto;padding:0 20px 32px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .36s cubic-bezier(.32,.72,0,1);width:min(320px,85vw);z-index:199}.mobile-menu.open{transform:translateX(0)}.mobile-menu-header{align-items:center;border-bottom:1px solid #e4e4e7;border-bottom:1px solid var(--border);display:flex;gap:8px;margin-bottom:12px;padding:18px 0 16px}.mobile-close{align-items:center;background:#0000000f;border:none;border-radius:50%;color:#18181b;color:var(--ink);cursor:pointer;display:flex;height:34px;justify-content:center;margin-left:auto;transition:background .2s;width:34px}.mobile-close:hover{background:#0000001a}.mobile-user{align-items:center;background:#c8102e0f;border:1px solid #c8102e26;border-radius:10px;border-radius:var(--radius-sm);display:flex;gap:12px;margin-bottom:12px;padding:12px}.mobile-user-avatar{align-items:center;background:#18181b;background:var(--ink);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.mobile-user-name{color:#18181b;color:var(--ink);font-size:13px;font-weight:700;margin-bottom:2px;text-transform:capitalize}.mobile-user-email{color:#71717a;color:var(--gray);font-size:11px}.mobile-menu a{align-items:center;border-radius:12px;color:#71717a;color:var(--gray);display:flex;font-size:15px;font-weight:600;gap:10px;padding:13px 14px;text-decoration:none;transition:all .2s}.mobile-menu a.active,.mobile-menu a:hover{background:#c8102e12;color:#18181b;color:var(--ink)}.mobile-menu a.active{color:#c8102e;color:var(--orange)}.mobile-menu-divider{background:#e4e4e7;background:var(--border);height:1px;margin:8px 0}.mobile-logout{align-items:center;background:none;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:12px;color:#71717a;color:var(--gray);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;padding:13px 14px;text-align:left;transition:all .2s;width:100%}.mobile-logout:hover{background:#dc26260f;border-color:#dc262633;color:#dc2626}.mobile-signin{justify-content:center;margin-top:4px}.welcome-bar{background:linear-gradient(135deg,#001a4d,#003087 60%,#004299);border-bottom:1px solid #ffffff12;overflow:hidden;position:relative}.welcome-bar:after{background:radial-gradient(circle,#c8102e21 0,#0000 60%);border-radius:50%;content:"";height:500px;pointer-events:none;position:absolute;right:-100px;top:-200px;width:500px}.welcome-bar-inner{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1140px;padding:28px 1.5rem;position:relative;z-index:1}.welcome-left{align-items:center;display:flex;gap:14px}.welcome-dot{animation:dot-pulse 2.5s ease-in-out infinite;background:#c8102e;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #c8102e33;flex-shrink:0;height:10px;width:10px}.welcome-left h1{color:#fff;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;letter-spacing:-.2px;line-height:1.2}.welcome-left h1 span{color:#c8102e;color:var(--orange)}.welcome-left p{color:#ffffff73;font-size:12px;font-weight:500;margin-top:2px}.welcome-stats{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;border-radius:var(--radius-md);display:flex;flex-shrink:0;gap:0;overflow:hidden}.welcome-stat{padding:12px 22px;text-align:center}.welcome-stat strong{color:#c8102e;color:var(--orange);display:block;font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.2}.welcome-stat span{color:#fff6;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.welcome-stat-divider{background:#ffffff14;flex-shrink:0;height:32px;width:1px}.stats-bar{animation:fadeIn .4s ease;background:#fff;border-bottom:1px solid #e5e7eb}.stats-bar-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1140px;padding:0 1.5rem}.stats-bar-item{align-items:center;display:flex;flex:1 1;gap:9px;justify-content:center;padding:12px 0}.stats-bar-icon{flex-shrink:0}.stats-bar-icon,.stats-bar-value{color:#c8102e;color:var(--orange)}.stats-bar-value{font-family:Montserrat,sans-serif;font-size:1rem;font-weight:800}.stats-bar-label{color:#18181b;color:var(--ink);font-size:13px;font-weight:500}.stats-bar-divider{background:#e5e7eb;flex-shrink:0;height:24px;width:1px}@media (max-width:600px){.stats-bar-inner{justify-content:center}.stats-bar-item{flex:none;gap:6px;padding:12px 10px}.stats-bar-label{font-size:12px}}.hero-strip{background:linear-gradient(135deg,#001a4d,#003087 60%,#004299);background:linear-gradient(135deg,var(--navy-dark) 0,var(--navy) 60%,#004299 100%);overflow:hidden;position:relative}.hero-strip:after{background:radial-gradient(circle,#c8102e26 0,#0000 60%);border-radius:50%;content:"";height:400px;pointer-events:none;position:absolute;right:-80px;top:-160px;width:400px}.hero-strip-inner{gap:20px;justify-content:space-between;margin:0 auto;max-width:1140px;padding:22px 1.5rem;position:relative;z-index:1}.hero-left,.hero-strip-inner{align-items:center;display:flex}.hero-left{gap:12px}.hero-pulse{animation:dot-pulse 2.5s ease-in-out infinite;background:#c8102e;background:var(--red);border-radius:50%;box-shadow:0 0 0 4px #c8102e38;flex-shrink:0;height:9px;width:9px}.hero-left h2{color:#fff;font-size:clamp(.95rem,2vw,1.15rem);font-weight:800;line-height:1.2}.hero-left h2 span{color:#c8102e;color:var(--red)}.hero-left p{color:#ffffff73;font-size:11px;font-weight:500;margin-top:2px}.hero-stats{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;border-radius:var(--radius-md);display:flex;flex-shrink:0;overflow:hidden}.hero-stat{padding:10px 20px;text-align:center}.hero-stat strong{color:#c8102e;color:var(--red);display:block;font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:800;line-height:1.2}.hero-stat span{color:#fff6;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.hero-stat-divider{background:#ffffff1a;flex-shrink:0;height:28px;width:1px}@media (max-width:600px){.hero-strip-inner{align-items:flex-start;flex-direction:column;gap:14px}.hero-stats{justify-content:space-around;width:100%}.hero-stat{flex:1 1;padding:10px 8px}}.section{margin:0 auto;max-width:1140px;padding:60px 1.5rem}.section-light{background:#fff}.section-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.section-header h2{color:#18181b;color:var(--ink);font-size:1.65rem;font-weight:800;letter-spacing:-.3px}.section-header p{font-weight:500;margin-top:3px}.section-header p,.view-all{color:#71717a;color:var(--gray);font-size:13px}.view-all{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:50px;display:flex;font-weight:600;gap:4px;padding:6px 14px;text-decoration:none;transition:all .2s}.view-all:hover{background:#ffffffe6;border-color:#0000001f;color:#18181b;color:var(--ink);transform:translateX(2px)}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.event-card{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background:#ffffff7a;border:1px solid #ffffffbf;border-radius:18px;border-radius:var(--radius-md);box-shadow:0 2px 16px #0000000f,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000000a;display:block;overflow:hidden;padding:0;position:relative;text-decoration:none;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.event-card:after{background:linear-gradient(180deg,#ffffff80,#0000);border-radius:18px 18px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:38%;left:0;pointer-events:none;position:absolute;right:0;top:0}.event-card:hover{background:#ffffffb3;box-shadow:0 16px 48px #0000001f,inset 0 1px 0 #fff,0 0 0 1px #c8102e26;transform:translateY(-6px) scale(1.015)}.event-card-accent{background:#c8102e;background:var(--orange);height:3px;position:relative;z-index:2}.event-card-body{padding:20px;position:relative;z-index:1}.event-tag{align-items:center;display:flex;gap:6px;margin-bottom:10px}.event-dot{animation:dot-pulse 2s ease-in-out infinite;background:#10b981;background:var(--emerald);border-radius:50%;box-shadow:0 0 0 3px #10b98140;height:7px;width:7px}.event-tag span{color:#10b981;color:var(--emerald);font-size:10px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.event-card h3{color:#18181b;color:var(--ink);font-size:15px;font-weight:700;line-height:1.45;margin-bottom:14px}.event-meta{display:flex;flex-direction:column;gap:6px}.event-meta p{align-items:center;color:#71717a;color:var(--gray);display:flex;font-size:12px;font-weight:500;gap:6px}.event-meta svg{color:#18181b;color:var(--ink);flex-shrink:0;opacity:.35}.club-card{backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);background:#ffffff75;border:1px solid #ffffffbf;border-radius:18px;border-radius:var(--radius-md);box-shadow:0 2px 16px #0000000f,inset 0 1px 0 #fffffff2,inset 0 -1px 0 #0000000a;overflow:hidden;padding:22px;position:relative;transition:all .28s cubic-bezier(.34,1.56,.64,1)}.club-card:before{background:linear-gradient(180deg,#ffffff80,#0000);border-radius:18px 18px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;content:"";height:38%;left:0;pointer-events:none;position:absolute;right:0;top:0}.club-card:hover{background:#ffffffad;box-shadow:0 16px 48px #0000001f,inset 0 1px 0 #fff,0 0 0 1px #0000000f;transform:translateY(-6px) scale(1.015)}.club-avatar{align-items:center;border-radius:14px;box-shadow:0 4px 12px #0000002e;color:#fff;display:flex;font-size:20px;font-weight:800;height:50px;justify-content:center;margin-bottom:14px;width:50px}.club-avatar,.club-card h3{position:relative;z-index:1}.club-card h3{color:#18181b;color:var(--ink);font-size:15px;font-weight:700;margin-bottom:6px}.club-card>p{color:#71717a;color:var(--gray);font-size:12.5px;line-height:1.6}.club-card>p,.club-footer{margin-bottom:14px;position:relative;z-index:1}.club-footer{justify-content:space-between}.club-footer,.club-members{align-items:center;display:flex}.club-members{font-size:12px;font-weight:600;gap:5px}.club-members,.empty-state{color:#71717a;color:var(--gray)}.empty-state{padding:64px 24px;text-align:center}.empty-state .emoji{display:block;font-size:3rem;margin-bottom:16px}.empty-state p{color:#18181b;color:var(--ink);font-size:16px;font-weight:700;margin-bottom:6px}.empty-state small{color:#71717a;color:var(--gray);font-size:13px}.spinner{display:flex;justify-content:center;padding:64px}.spinner div{animation:spin .7s linear infinite;border:2.5px solid #00000014;border-radius:50%;border-top:2.5px solid var(--orange);height:36px;width:36px}.login-page{align-items:center;background:radial-gradient(ellipse 700px 700px at 15% 20%,#c8102e2e 0,#0000 55%),radial-gradient(ellipse 600px 500px at 85% 80%,#00308724 0,#0000 55%),radial-gradient(ellipse 500px 400px at 60% 50%,#10b98114 0,#0000 55%),#001229;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-card,.login-page{overflow:hidden;position:relative}.login-card{backdrop-filter:blur(64px) saturate(200%) brightness(116%);-webkit-backdrop-filter:blur(64px) saturate(200%) brightness(116%);background:#ffffff1a;border:1px solid #ffffff40;border-radius:26px;border-radius:var(--radius-lg);box-shadow:0 24px 64px #0006,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #00000026,inset 1px 0 0 #ffffff38,inset -1px 0 0 #ffffff14;max-width:420px;padding:44px 40px;width:100%;z-index:1}.login-card:before{background:linear-gradient(180deg,#ffffff38,#0000);border-radius:26px 26px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:44%;left:0;right:0;top:0}.login-card:after,.login-card:before{content:"";pointer-events:none;position:absolute}.login-card:after{animation:glass-shimmer 7s ease-in-out infinite;background:linear-gradient(120deg,#ffffff12,#0000 45%,#ffffff0a);background-size:300% 100%;border-radius:inherit;inset:0}.login-logo{margin-bottom:36px;position:relative;text-align:center;z-index:2}.login-logo .badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:14px;box-shadow:inset 0 1px 0 #fff6;color:#fff;display:inline-block;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:800;letter-spacing:2px;margin-bottom:14px;padding:10px 22px}.login-logo h1{color:#fff;font-size:1.25rem;font-weight:800}.login-logo p{color:#ffffff8c;font-size:13px;margin-top:4px}.form-group{margin-bottom:18px;position:relative;z-index:2}.form-group label{color:#ffffffb3;display:block;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:.8px;margin-bottom:7px;text-transform:uppercase}.form-group input{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffff1a;border:1px solid #ffffff38;border-radius:10px;border-radius:var(--radius-sm);box-shadow:inset 0 1px 0 #ffffff2e;color:#fff;font-family:inherit;font-size:14px;outline:none;padding:13px 16px;transition:all .22s;width:100%}.form-group input::placeholder{color:#ffffff59}.form-group input:focus{background:#ffffff26;border-color:#c8102e99;box-shadow:inset 0 1px 0 #ffffff40,0 0 0 3px #c8102e2e}.btn-login{background:#c8102e;background:var(--orange);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 4px 20px #c8102e61;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:14px;font-weight:700;margin-top:10px;padding:14px;position:relative;transition:all .22s;width:100%;z-index:2}.btn-login:hover:not(:disabled){background:#a50e24;background:var(--orange-hot);box-shadow:0 8px 28px #c8102e80;transform:translateY(-2px)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.error-msg{background:#dc262626;border:1px solid #dc26264d;border-radius:10px;border-radius:var(--radius-sm);color:#fca5a5;font-size:13px;font-weight:600;margin-bottom:18px;padding:13px 16px;position:relative;z-index:2}.search-bar{backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:#ffffffb3;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:50px;box-shadow:0 2px 12px #0000000a,inset 0 1px 0 #fffffff2;color:#18181b;color:var(--ink);font-family:inherit;font-size:14px;margin-bottom:28px;outline:none;padding:13px 16px 13px 44px;transition:all .22s;width:100%}.search-bar::placeholder{color:#a1a1aa;color:var(--gray-light)}.search-bar:focus{background:#fffc;border-color:#c8102e66;box-shadow:0 2px 12px #0000000d,inset 0 1px 0 #fff,0 0 0 3px #c8102e24}.page-header{background:linear-gradient(140deg,#001a4d,#003087 50%,#004299);color:#fff;overflow:hidden;padding:56px 1.5rem 64px;position:relative}.page-header:before{animation:glow-pulse 7s ease-in-out infinite;background:radial-gradient(circle,#c8102e24 0,#0000 60%);border-radius:50%;content:"";height:500px;position:absolute;right:-60px;top:-120px;width:500px}.page-header-inner{margin:0 auto;max-width:1140px;position:relative;z-index:1}.page-header h1{font-size:clamp(2rem,4.5vw,2.8rem);font-weight:800;letter-spacing:-.3px;margin-bottom:8px}.page-header h1 span{color:#c8102e;color:var(--orange)}.page-header p{color:#ffffff8c;font-size:14px;font-weight:500}.btn-register{background:#18181b;background:var(--ink);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #00000026;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;margin-top:18px;padding:11px;position:relative;transition:all .22s;width:100%;z-index:1}.btn-register:hover{background:#c8102e;background:var(--orange);box-shadow:0 4px 16px #c8102e61;transform:translateY(-1px)}.btn-join{align-items:center;background:#18181b;background:var(--ink);border:none;border-radius:10px;border-radius:var(--radius-sm);box-shadow:0 2px 10px #00000026;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:11px;position:relative;transition:all .22s;width:100%;z-index:1}.btn-join:hover{background:#c8102e;background:var(--orange);box-shadow:0 4px 16px #c8102e61;transform:translateY(-1px)}.status-badge{border-radius:50px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.status-active{background:#10b9811a;border:1px solid #10b98133;color:#059669}.status-inactive{background:#0000000d;border:1px solid #00000014;color:#71717a;color:var(--gray)}.club-card,.event-card{animation:fadeInUp .45s ease both}.event-card-poster{align-items:center;background:#001a4d;border-radius:18px 18px 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.event-card-poster img,.event-card-poster-placeholder{display:block;height:100%;object-fit:contain;width:100%}.event-card-poster-placeholder{background:linear-gradient(140deg,#003087,#27272a 60%,#18181b);position:relative}img.event-card-poster-placeholder{background:#001a4d;object-fit:contain}div.event-card-poster-placeholder:after{align-items:center;color:#c8102e59;content:"ALU";display:flex;font-family:Montserrat,sans-serif;font-size:2rem;font-weight:800;inset:0;justify-content:center;letter-spacing:4px;position:absolute}.detail-loading{display:flex;justify-content:center;padding:120px 24px}.detail-page{animation:fadeIn .35s ease}.detail-poster{align-items:center;background:#001a4d;display:flex;height:min(520px,70vh);justify-content:center;max-height:520px;overflow:hidden;position:relative;width:100%}.detail-poster-blur{background-position:50%;background-size:cover;filter:blur(28px) brightness(.45) saturate(1.4);inset:-20px;pointer-events:none;position:absolute;transform:scale(1.08)}.detail-poster-img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;position:relative;width:auto;z-index:1}.detail-poster-placeholder{background:linear-gradient(140deg,#003087,#001a4d);height:100%;width:100%}.detail-back{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000073;border:1px solid #ffffff38;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:13px;font-weight:700;gap:6px;left:20px;padding:8px 16px;position:absolute;top:20px;transition:all .22s;z-index:2}.detail-back:hover{background:#000000a6;border-color:#fff6}.detail-download{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#00000073;border:1px solid #ffffff38;border-radius:50px;bottom:20px;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;position:absolute;right:20px;transition:all .22s;z-index:2}.detail-download:hover{background:#c8102eb3;border-color:#c8102e80}.detail-content{margin:0 auto;max-width:760px;padding:0 1.5rem 80px}.detail-inner{animation:fadeInUp .4s ease .1s both}.detail-tag{align-items:center;display:flex;gap:6px;margin:32px 0 12px}.detail-tag span{color:#10b981;color:var(--emerald);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.detail-content h1{color:#18181b;color:var(--ink);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;letter-spacing:-.3px;line-height:1.2;margin-bottom:24px}.detail-meta{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.detail-meta-item{align-items:center;color:#71717a;color:var(--gray);display:flex;font-size:14px;font-weight:500;gap:10px}.detail-meta-item svg{color:#c8102e;color:var(--orange);flex-shrink:0}.detail-description{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9;border:1px solid #fffc;border-radius:18px;border-radius:var(--radius-md);box-shadow:0 4px 16px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}.detail-description h3{color:#18181b;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;text-transform:uppercase}.detail-description p{color:#3f3f46;color:var(--ink-soft);font-size:14.5px;line-height:1.75}.detail-actions{display:flex;flex-direction:column;gap:12px}.btn-detail-register{background:#c8102e;background:var(--orange);border:none;border-radius:18px;border-radius:var(--radius-md);box-shadow:0 4px 20px #c8102e61;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;padding:15px;transition:all .22s;width:100%}.btn-detail-register:hover:not(:disabled){background:#a50e24;background:var(--orange-hot);box-shadow:0 8px 28px #c8102e80;transform:translateY(-2px)}.btn-detail-register:disabled{cursor:not-allowed;opacity:.6}.detail-registered{background:#10b9811a;border:1px solid #10b98140;color:#059669;font-size:15px;gap:10px;padding:15px}.btn-generate-poster,.detail-registered{align-items:center;border-radius:18px;border-radius:var(--radius-md);display:flex;font-family:Montserrat,sans-serif;font-weight:700;justify-content:center}.btn-generate-poster{background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;box-shadow:0 4px 16px #7c3aed4d;color:#fff;cursor:pointer;font-size:13px;gap:8px;padding:12px;transition:all .22s;width:100%}.btn-generate-poster:hover:not(:disabled){box-shadow:0 6px 22px #7c3aed73;transform:translateY(-1px)}.btn-generate-poster:disabled{cursor:not-allowed;opacity:.65}.btn-detail-back{align-items:center;background:#ffffff80;border:1px solid #e4e4e7;border:1px solid var(--border);border-radius:18px;border-radius:var(--radius-md);color:#71717a;color:var(--gray);display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;padding:12px;text-decoration:none;transition:all .2s}.btn-detail-back:hover{background:#fffc;color:#18181b;color:var(--ink)}.toast{align-items:center;animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);border-radius:50px;bottom:28px;box-shadow:0 8px 32px #0000002e;display:flex;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;gap:10px;left:50%;padding:14px 22px;position:fixed;transform:translateX(-50%);white-space:nowrap;z-index:9999}.toast-success{background:#10b981eb}.toast-error,.toast-success{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff}.toast-error{background:#dc2626eb}.bottom-nav{display:none}@media (max-width:768px){.bottom-nav{background:#003087;background:var(--navy);border-top:3px solid #c8102e;border-top:3px solid var(--red);bottom:0;box-shadow:0 -4px 24px #0000002e;display:flex;height:64px;left:0;position:fixed;right:0;z-index:200}.bottom-nav-tab{align-items:center;background:none;border:none;color:#ffffff73;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Montserrat,sans-serif;font-size:10px;font-weight:600;gap:3px;justify-content:center;letter-spacing:.3px;padding:0;text-decoration:none;transition:color .18s}.bottom-nav-tab.active,.bottom-nav-tab:hover{color:#c8102e}.bottom-nav-tab.active svg,.bottom-nav-tab:hover svg{stroke:#c8102e}.bottom-nav-avatar{align-items:center;background:#c8102e;border-radius:50%;color:#003087;display:flex;font-family:Montserrat,sans-serif;font-size:11px;font-weight:800;height:24px;justify-content:center;width:24px}#root>div{padding-bottom:64px}.btn-signin,.nav-links,.nav-user{display:none}.navbar-inner{height:56px}.logo-img{height:32px}.welcome-bar-inner{align-items:flex-start;flex-direction:column;gap:16px}.welcome-stats{justify-content:space-around;width:100%}.cards-grid{grid-template-columns:1fr}.login-card{padding:32px 24px}.detail-actions{padding:0}.section{padding-top:28px}}@media (max-width:480px){.welcome-left h1{font-size:1.1rem}.toast{font-size:13px;max-width:calc(100vw - 32px);padding:12px 18px;white-space:normal}}
/*# sourceMappingURL=main.6e658e73.css.map*/