@import "https://fonts.googleapis.com/css2?family=Oxanium:wght@400;700&display=swap";:root{--color-bg:#0f172a;--color-surface:rgba(30,41,59,.5);--color-text:#f1f5f9;--color-text-strong:#f8fafc;--color-text-muted:#94a3b8;--color-text-subtle:#cbd5e1;--color-footer:#64748b;--color-accent:#f97316;--color-secondary:#22d3ee;--color-secondary-hover:#67e8f9;--color-danger:#ef4444;--color-done:#4ade80;--color-done-stamp:rgba(134,239,172,.8);--color-border-footer:#334155;--color-glow-cyan:rgba(6,182,212,.2);--font-display:"Oxanium", sans-serif;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-xs:.75rem;--fs-base:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--fs-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-full:9999px;--shadow-glow:0 25px 50px -12px var(--color-glow-cyan);--transition-base:.3s;--ease:ease;--line-width:2px;--node-size:16px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.app-shell{background-color:var(--color-bg);height:100vh;color:var(--color-text);flex-direction:column;display:flex;overflow-x:hidden}.app-header{width:100%;padding:0 var(--space-4) var(--space-4);margin:0 auto}@media (width>=640px){.app-header{padding-left:var(--space-8);padding-right:var(--space-8)}}.app-title-wrap{text-align:center;padding:var(--space-5) 0}.app-main{padding-top:var(--space-6);flex:1;overflow-y:auto}.app-footer{text-align:center;width:100%;padding:var(--space-3) 0;color:var(--color-footer);font-size:var(--fs-xs);border-top:1px solid var(--color-border-footer)}.app-footer p{margin:0}.app-footer p+p{margin-top:var(--space-1)}.title{justify-content:center;align-items:center;gap:0 var(--space-4);font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-strong);font-weight:700;font-size:var(--fs-4xl);flex-wrap:wrap;margin:0;display:flex}@media (width>=768px){.title{font-size:var(--fs-6xl)}}@media (width>=1024px){.title{font-size:var(--fs-7xl)}}.badge{color:var(--color-bg);padding:0 var(--space-4);border-radius:var(--radius-md)}.badge--pro{background-color:var(--color-accent)}.badge--male{background-color:var(--color-secondary)}.nav{justify-content:center;align-items:center;gap:var(--space-4);font-family:var(--font-display);flex-wrap:wrap;display:flex}.nav-link{padding:var(--space-2) var(--space-5);font-size:var(--fs-lg);border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--transition-base) var(--ease), background-color var(--transition-base) var(--ease);font-weight:700;text-decoration:none;display:inline-block}.nav-link:hover{color:var(--color-secondary)}.nav-link--active{background-color:var(--color-secondary);color:var(--color-bg)}.nav-link--active:hover{color:var(--color-bg)}.divider{height:var(--space-2);background-color:var(--color-secondary);margin:0 var(--space-8) var(--space-2);border-radius:var(--radius-full)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base) var(--ease), border-color var(--transition-base) var(--ease)}.card:hover{box-shadow:var(--shadow-glow)}.heading-accent{font-family:var(--font-display);color:var(--color-accent);transition:color var(--transition-base) var(--ease);margin:0;font-weight:700}.card:hover .heading-accent{color:var(--color-secondary)}.btn{background-color:var(--color-secondary);color:var(--color-bg);padding:var(--space-2) var(--space-6);border-radius:var(--radius-md);transition:background-color var(--transition-base) var(--ease);font-weight:700;text-decoration:none;display:inline-block}.btn:hover{background-color:var(--color-secondary-hover)}.social-body .btn{align-self:flex-start}.panel{width:100%;padding:0 var(--space-4)}.panel-header{margin:0 var(--space-4) var(--space-8);justify-content:center;display:flex}.timeline{padding-left:var(--space-8);padding-bottom:var(--space-16);position:relative}.timeline-row{align-items:center;width:100%;display:flex}.timeline-row+.timeline-row{margin-top:var(--space-12)}.timeline-line{height:var(--line-width);background-color:var(--color-accent);margin-left:calc(-1 * var(--space-4));margin-right:var(--space-4);position:relative}.timeline-line:after{content:"";width:var(--node-size);height:var(--node-size);border:var(--line-width) solid var(--color-secondary);background-color:var(--color-bg);top:50%;right:calc(-1 * var(--node-size));margin-top:calc(-1 * var(--node-size) / 2);position:absolute;transform:rotate(45deg)}.timeline-line--short{width:var(--space-8);min-width:var(--space-8)}.timeline-line--long{min-width:var(--space-8);flex-grow:1}.card.timeline-card{flex-shrink:0;width:80%}.card.timeline-card--right{margin-left:auto}.timeline-spine{content:"";top:var(--line-top,var(--node-size));height:var(--line-height,calc(100% - 2 * var(--node-size)));left:var(--space-4);width:var(--line-width);background-color:var(--color-accent);position:absolute}.card--label{width:100%;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.card--label .label-text{font-family:var(--font-display);color:var(--color-accent);font-weight:700;font-size:var(--fs-4xl);text-align:center;transition:color var(--transition-base) var(--ease);margin:0}.card--label:hover .label-text{color:var(--color-secondary)}.label-text.label-text--xl{font-size:var(--fs-xl)}.label-text.label-text--justify{text-align:justify}.card--label--full{width:100%;max-width:100%}.card--info{width:100%;padding:var(--space-6);align-items:center;gap:var(--space-6);flex-direction:column;display:flex}@media (width>=768px){.card--info{gap:var(--space-6);flex-direction:row}}.info-body{text-align:center;flex:1}@media (width>=768px){.info-body{text-align:left}}.info-body .heading-accent{font-size:var(--fs-3xl);margin-bottom:var(--space-6)}.info-list{color:var(--color-text-subtle);text-align:justify;margin:0;padding:0;list-style:none}.info-list li{margin-top:var(--space-2);padding-left:1.6em;position:relative}.info-list li:before{content:"→";color:var(--color-accent);transition:color var(--transition-base) var(--ease);font-size:1.1em;position:absolute;left:0}.card:hover .info-list li:before{color:var(--color-secondary)}.info-number{flex-shrink:0}.info-number-box{background-color:var(--color-secondary);border-radius:var(--radius-md);justify-content:center;align-items:center;width:5rem;height:5rem;display:flex}.info-number-box span{font-size:var(--fs-5xl);color:var(--color-bg);font-weight:700;font-family:var(--font-display)}.card--social{width:100%;position:relative;overflow:hidden}@media (width>=768px){.card--social{display:flex}}.social-body{padding:var(--space-6);flex-direction:column;justify-content:center;display:flex}@media (width>=768px){.card--social.has-media .social-body{width:58.333%}.card--social:not(.has-media) .social-body{width:100%}}.social-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.social-icon{font-size:var(--fs-4xl);width:1em;height:1em;color:var(--color-accent);transition:color var(--transition-base) var(--ease);flex-shrink:0}.card:hover .social-icon{color:var(--color-secondary)}.social-head .heading-accent{font-size:var(--fs-2xl)}.social-desc{color:var(--color-text-muted);margin:var(--space-2) 0 var(--space-4)}@media (width>=768px){.social-media{flex-shrink:0;width:41.666%}}.social-media-frame{aspect-ratio:2;width:100%}@media (width>=768px){.social-media-frame{aspect-ratio:auto;height:100%}}.social-media-frame iframe{border:0;width:100%;height:100%}.social-media-img{aspect-ratio:2;background-position:50%;background-repeat:no-repeat;background-size:auto 100%;width:100%}@media (width>=768px){.social-media-img{aspect-ratio:auto;height:100%}}@keyframes pulse-border{0%,to{box-shadow:inset 0 0 .5rem 0 var(--glow-color)}50%{box-shadow:inset 0 0 1rem .25rem var(--glow-color)}}.card--social.status-ongoing:before,.card--social.status-done:before{content:"";border-radius:var(--radius-lg);pointer-events:none;animation:2.5s ease-in-out infinite pulse-border;position:absolute;inset:0}.card--social.status-ongoing:before{--glow-color:var(--color-accent)}.card--social.status-done:before{--glow-color:var(--color-done)}.card--social.status-done:after{content:"";border-radius:var(--radius-lg);pointer-events:none;opacity:.3;background-color:#000;position:absolute;inset:0}.done-stamp{z-index:10;-webkit-user-select:none;user-select:none;font-size:var(--fs-4xl);text-transform:uppercase;color:var(--color-done-stamp);border:4px solid var(--color-done-stamp);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}@media (width>=1024px){.done-stamp{font-size:var(--fs-5xl)}}.card--announcement{padding:var(--space-6);cursor:default;border:2px solid transparent}.card--announcement:hover{border-color:var(--color-danger);box-shadow:var(--shadow-glow)}.card--announcement .heading-accent{font-size:var(--fs-2xl);margin-bottom:var(--space-4)}.announcement-body{color:var(--color-text);font-size:var(--fs-base);line-height:1.625}.announcements{width:100%;height:100%;padding:0 var(--space-4);gap:var(--space-6);padding-bottom:var(--space-8);flex-direction:column;display:flex;overflow-y:auto}@media (width>=640px){.announcements{padding-left:var(--space-8);padding-right:var(--space-8)}}.u-danger{color:var(--color-danger);font-weight:700}.u-danger-plain{color:var(--color-danger)}.u-accent{color:var(--color-secondary)}.u-list{margin:var(--space-2) 0;padding-left:var(--space-6);list-style:outside}