:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--header-h: 64px;--footer-h: 72px;--page-gutter: 8px;--page-gutter-sm: 8px}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#fff;background:linear-gradient(135deg,#0b1e3d 60%,#6c2eb5);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{height:100%}*{box-sizing:border-box}.app-shell{min-height:100vh;display:flex;flex-direction:column;width:100vw;box-sizing:border-box}.app-mainrow{flex:1;display:grid;grid-template-columns:240px 1fr;min-height:0;position:relative;width:100vw;box-sizing:border-box;overflow:hidden}.app-mainrow:not(.with-sidebar){display:block}.app-mainrow.with-sidebar{position:relative;display:grid;grid-template-columns:240px 1fr;align-items:stretch}.app-content{min-width:0;width:100vw;box-sizing:border-box}@media (max-width: 1024px){.app-mainrow{grid-template-columns:1fr}.app-content{padding-inline:var(--page-gutter-sm)}}.home-page{color:#fff;font-family:Open Sans,Arial,sans-serif}.container{max-width:100%;margin:0;padding-inline:var(--page-gutter)}@media (max-width: 1024px){.container{padding-inline:var(--page-gutter-sm)}}.home-hero{position:relative;background:linear-gradient(135deg,#0b1e3d,#8f5dd4,#0b1e3d);padding:56px 0 32px;overflow:hidden}.hero-bg-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.13;z-index:0}.hero-content{position:relative;z-index:1;text-align:center}.hero-logo-bar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1c63d640,#ffd70040,#1c63d640);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:80px;width:clamp(260px,60vw,700px);height:clamp(180px,35vw,420px);margin:0 auto 24px;overflow:hidden}.hero-logo-bar img{width:65%;height:auto}.hero-title{font-family:Montserrat,Arial,sans-serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:800;margin-bottom:16px;background:linear-gradient(90deg,#1c63d6,gold);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#d4d8df;margin:0 auto 24px;max-width:720px;line-height:1.6}.hero-btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center;margin-bottom:8px}.hero-btn-primary,.hero-btn-secondary{display:inline-block;text-decoration:none;font-weight:700;border:none;cursor:pointer;padding:14px 28px;border-radius:18px;font-size:1.05rem}.hero-btn-primary{background:linear-gradient(90deg,#32cd89,#1c63d6);color:#fff;box-shadow:0 4px 24px #2c63d626;transition:transform .25s,background .25s}.hero-btn-primary:hover{background:linear-gradient(90deg,#1c63d6,#32cd89);transform:translateY(-2px)}.hero-btn-secondary{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background .25s}.hero-btn-secondary:hover{background:#fff3}.hero-float1,.hero-float2,.hero-float3{position:absolute;opacity:.25;z-index:0}.hero-float1{top:80px;left:40px;width:64px;height:64px;background:linear-gradient(90deg,#32cd89,#1c63d6);border-radius:18px;animation:bounce 2.5s infinite}.hero-float2{top:160px;right:80px;width:48px;height:48px;background:linear-gradient(90deg,#8f5dd4,#1c63d6);border-radius:50%;animation:pulse 2.5s infinite}.hero-float3{bottom:80px;left:25%;width:32px;height:32px;background:linear-gradient(90deg,#1c63d6,#8f5dd4);border-radius:8px;animation:bounce 3s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.55}}.highlights-section{padding:56px 0}.highlights-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width: 600px){.highlights-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.highlights-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.highlight-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#1a2b4ad9;border-radius:18px;box-shadow:0 2px 12px #2c63d61a;padding:28px 16px}.highlight-title{font-family:Montserrat,Arial,sans-serif;font-size:1.35rem;font-weight:800;margin:14px 0 6px}.highlight-desc{color:#d4d8df}.creators-events-section{padding:56px 0}.creators-events-grid{display:grid;gap:36px;grid-template-columns:1fr}@media (min-width: 800px){.creators-events-grid{grid-template-columns:1fr 1fr}}.creators-list,.events-list{display:flex;gap:20px;flex-wrap:wrap}.creator-card,.event-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#1a2b4a;border-radius:16px;box-shadow:0 2px 12px #2c63d61a;padding:16px;width:160px}.avatar-wrap{width:64px;height:64px;border-radius:50%;overflow:hidden;margin-bottom:8px;background:#0f2a56}.avatar-wrap img{width:100%;height:100%;object-fit:cover}.avatar-fallback{background:linear-gradient(135deg,#1c63d6,#8f5dd4)}.creator-name{font-weight:700;font-size:1.05rem}.creator-points{color:#32cd89;font-weight:700}.event-card{width:220px}.event-thumb{width:128px;height:80px;border-radius:8px;overflow:hidden;background:#0f2a56;margin-bottom:8px}.event-thumb img{width:100%;height:100%;object-fit:cover}.event-thumb-fallback{background:linear-gradient(135deg,#1c63d6,#8f5dd4)}.event-title{font-weight:700;font-size:1.05rem}.event-date{color:#8f5dd4;font-weight:700}.section-subtitle{font-family:Montserrat,Arial,sans-serif;font-weight:800;margin-bottom:16px;font-size:1.25rem}.cta-section{padding:64px 0;text-align:center;background:radial-gradient(circle at 50% 40%,#8f5dd4,#6c2eb5 60%,#32cd89 85%,gold 95%)}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px}.cta-desc{font-size:clamp(1.05rem,2vw,1.25rem);color:#d4d8df;margin-bottom:28px;line-height:1.6}.cta-btn{display:inline-block;text-decoration:none;background:#32cd89;color:#fff;font-weight:800;padding:18px 36px;border-radius:18px;box-shadow:0 4px 24px #2c63d626;font-size:1.15rem;transition:transform .25s,background .25s}.cta-btn:hover{background:#1c63d6;transform:translateY(-2px)}.my-events-grid{display:grid;gap:12px;grid-template-columns:1fr}@media (min-width: 640px){.my-events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 980px){.my-events-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.apn-header{position:sticky;top:0;z-index:60;background:#0b1e3d;border-bottom:1px solid #222;width:100%;font-family:Open Sans,Arial,sans-serif}.apn-skip{position:absolute;left:-9999px;top:-9999px}.apn-skip:focus{left:8px;top:8px;background:gold;color:#0b1e3d;padding:6px 10px;border-radius:6px;z-index:1000}.apn-header-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px var(--page-gutter);gap:24px;min-height:var(--header-h)}.apn-header-logo{display:flex;align-items:center;gap:8px;text-decoration:none}.apn-logo-img{height:50px;width:50px;object-fit:contain}.apn-logo-text{height:42px;object-fit:contain}.apn-menu-desktop{display:block}.apn-menu-mobile-open{position:fixed;inset:0;background:#0b1e3dfa;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding-top:80px}.apn-menu{display:flex;list-style:none;padding:0;margin:0;gap:18px}.apn-menu a{color:#dbe6f7;text-decoration:none;padding:8px 10px;border-radius:6px}.apn-menu a.active,.apn-menu a:hover{background:#ffffff14}.apn-burger{display:none;width:40px;height:40px;background:none;border:0;cursor:pointer}.apn-burger-bar{width:28px;height:4px;background:#fff;margin:3px 0;border-radius:2px}.apn-header-actions{display:flex;align-items:center;gap:16px}.apn-header-btn{background:#1c63d6;color:#fff;font-weight:700;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;text-decoration:none}.apn-header-btn:hover{background:#1553b2}.apn-signup-btn{background:#32cd89;color:#fff;font-weight:700;border:none;padding:10px 18px;border-radius:6px;cursor:pointer;text-decoration:none}.apn-signup-btn:hover{background:#228b22}.apn-account{position:relative;display:flex;align-items:center;gap:8px}.apn-account-trigger{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:#dbe6f7;cursor:pointer;padding:6px 8px;border-radius:8px}.apn-account-trigger:hover{background:#ffffff14}.apn-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#1c63d6,#8f5dd4);display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:#fff}.apn-account-name{font-weight:600;color:#fff}.apn-account-menu{position:absolute;right:0;top:calc(100% + 8px);background:#0f2a56;border:1px solid #223;border-radius:10px;min-width:220px;padding:8px;display:grid;gap:4px;box-shadow:0 8px 24px #00000040;z-index:200}.apn-account-menu a,.apn-account-menu button{color:#dbe6f7;text-decoration:none;text-align:left;padding:10px 12px;border-radius:8px;background:transparent;border:0;cursor:pointer}.apn-account-menu a:hover,.apn-account-menu button:hover{background:#ffffff14}.apn-account-logout{color:#fdd}@media (max-width: 1200px){.apn-burger{display:block}.apn-header-row{padding-inline:var(--page-gutter-sm)}.apn-menu-desktop{display:none!important}.apn-menu{flex-direction:column;width:100%}.apn-menu>li>a{padding:18px 24px;font-size:1.15rem;border-bottom:1px solid #222}}.apn-footer-modern{background:#0b1e3d;color:#dbe6f7;width:100%;border-top:1px solid #222;padding:0;font-family:Open Sans,Arial,sans-serif;position:relative;z-index:60}.apn-footer-container{width:100%;margin:0;padding:10px var(--page-gutter) 0 var(--page-gutter)}.apn-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.apn-footer-logo-group{display:flex;align-items:center;gap:12px;margin-bottom:12px}.apn-footer-logo{width:40px;height:40px;object-fit:contain;border-radius:8px;background:linear-gradient(135deg,#1c63d6,#8f5dd4);padding:4px}.apn-footer-title{font-size:1.25rem;font-weight:700;color:#fff}.apn-footer-desc{color:#b0b9c6;font-size:1rem;margin-bottom:8px}.apn-footer-heading{font-size:1.08rem;font-weight:600;color:#fff;margin-bottom:10px}.apn-footer-nav-links{display:flex;flex-direction:column;gap:6px}.apn-footer-nav-links a{color:#dbe6f7;text-decoration:none;font-size:1rem;transition:color .2s}.apn-footer-nav-links a:hover{color:#1c63d6}.apn-footer-social{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}.apn-footer-social a{color:#dbe6f7;text-decoration:none;font-size:1rem;transition:color .2s}.apn-footer-social a:hover{color:#1c63d6}.apn-footer-bottom{border-top:1px solid #222;margin-top:18px;padding:10px 0 6px;text-align:center}.apn-footer-bottom p{color:#b0b9c6;font-size:.98rem}@media (max-width: 900px){.apn-footer-grid{grid-template-columns:1fr;gap:24px}.apn-footer-container{padding:24px var(--page-gutter-sm) 0 var(--page-gutter-sm)}}.apn-sidebar{width:240px;flex:0 0 240px;background:#0f2a56;border-right:1px solid #223;color:#dbe6f7;overflow-x:hidden}.apn-sidebar.maintenance-on{background:linear-gradient(180deg,#641218eb,#3c0c10f5);border-right:1px solid rgba(231,76,60,.45)}.apn-sidebar-inner{position:sticky;top:calc(var(--header-h) - 80px);padding:0 12px 12px;max-height:calc(100vh - var(--header-h) + 6px);overflow-x:hidden;overflow-y:auto}.apn-sidebar-head{padding:4px 6px 10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:8px}.apn-sidebar-title{font-weight:700;color:#fff;letter-spacing:.2px}.apn-sidebar-nav{list-style:none;margin:0;padding:8px 0;display:grid;gap:4px}.apn-sidebar-nav a{display:block;padding:10px 12px;border-radius:8px;color:#dbe6f7;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.apn-sidebar-nav a:hover{background:#ffffff14}.apn-sidebar-nav a.active{background:#1c63d640;border:1px solid rgba(28,99,214,.35)}@media (max-width: 1024px){.apn-sidebar{display:none}}.apn-online-toggle{position:fixed;right:8px;top:calc(var(--header-h) + 18px);bottom:auto;transform:none;z-index:10;background:#1c63d6;color:#fff;border:0;border-radius:999px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 6px 18px #00000040}.apn-online-dot{width:8px;height:8px;border-radius:50%;background:#32cd89;display:inline-block}.apn-online-count{background:#ffffff26;padding:2px 6px;border-radius:999px}.apn-online-panel{position:absolute;right:0;top:0;bottom:0;width:300px;background:#0f2a56;border-left:1px solid #223;color:#dbe6f7;z-index:2;transition:right .2s ease;display:flex;flex-direction:column;box-sizing:border-box;transform:translate(100%);transition:transform .2s ease;pointer-events:none}.apn-online-panel.open{right:0;transform:translate(0);pointer-events:auto}.apn-online-panel:not(.open){box-shadow:none}.apn-online-head{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-weight:700;color:#fff}.apn-online-close{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer}.apn-online-body{flex:1 1 auto;min-height:0;overflow:auto;padding:8px}.apn-online-list{list-style:none;margin:0;padding:0}.apn-online-list li{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px}.apn-online-list li:hover{background:#ffffff0f}.apn-empty{opacity:.7;font-style:italic}.apn-badge{padding:4px 8px;border-radius:999px;background:#ffffff14;color:#fff;font-size:.95rem}.apn-badge.admin{background:#ffd70040}.apn-role{opacity:.7;font-size:.85rem}@media (max-width: 1024px){.apn-online-toggle{top:auto;bottom:calc(var(--footer-h) + 16px);transform:none}.apn-online-panel{width:100%;right:-100%}.apn-online-panel.open{right:0}}.leaderboard-container{max-width:700px;margin:2rem auto;background:#23272f;border-radius:12px;box-shadow:0 2px 12px #0000002e;padding:2rem;color:#f3f3f3}.leaderboard-controls{display:flex;gap:1rem;margin-bottom:1.5rem}.leaderboard-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.leaderboard-table th,.leaderboard-table td{padding:.7rem .5rem;border-bottom:1px solid #444;text-align:left}.leaderboard-table th{background:#23272f;color:#f3f3f3}.avatar{width:32px;height:32px;border-radius:50%;margin-right:.5rem;vertical-align:middle}.leaderboard-pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.leaderboard-pagination button{padding:.4rem 1.2rem;border-radius:6px;border:none;background:#444b5a;color:#f3f3f3;cursor:pointer;font-weight:500}.leaderboard-pagination button:disabled{background:#333;cursor:not-allowed}