:root{--color-hanu-navy: #0b3c6d;--color-hanu-navy-dark: #062342;--color-hanu-navy-light: #165394;--color-hanu-navy-muted: #eaf1f8;--color-hanu-red: #c8102e;--color-hanu-red-dark: #9e0c24;--color-hanu-red-muted: #fdf0f2;--color-hanu-red-glow: rgba(200, 16, 46, .25);--color-wall-yellow: #f5e6c8;--color-wall-yellow-muted:#fcf8f0;--color-nha-trang: #f0f2f5;--color-chalkboard: #234d37;--color-chalkboard-muted: #eaf3ed;--color-ticket-stamp: #7b1fa2;--color-bg: #ffffff;--color-bg-subtle: #f8f9fa;--color-bg-card: #ffffff;--color-bg-dark: #18191c;--color-bg-dark-card: #22242a;--color-border: #e2e4e8;--color-border-light: #f0f1f4;--color-border-dark: #18191c;--color-border-navy: #0b3c6d;--color-border-dashed: #c2c6d0;--color-text: #18191c;--color-text-muted: #555963;--color-text-light: #8c92a0;--color-text-inverse: #ffffff;--color-primary: var(--color-hanu-navy);--color-primary-dark: var(--color-hanu-navy-dark);--color-primary-muted: var(--color-hanu-navy-muted);--color-text-on-primary:#ffffff;--color-accent: var(--color-hanu-red);--color-accent-light: #e02444;--color-accent-muted: var(--color-hanu-red-muted);--color-tag-fit: var(--color-hanu-navy);--color-tag-hanu: var(--color-hanu-red);--color-tag-community: #555963;--color-tag-retro: #946c00;--color-overlay: rgba(6, 35, 66, .75);--font-display: "Space Grotesk", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Monaco, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.25rem;--text-6xl: 4.5rem;--text-7xl: 5.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--leading-none: 1;--leading-tight: 1.12;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed:1.7;--tracking-tighter:-.045em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-widest: .16em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 0px;--radius: 0px;--radius-lg: 2px;--radius-xl: 3px;--radius-2xl: 4px;--radius-full: 9999px;--border-width: 1px;--border-color: var(--color-border);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 2px 4px rgba(11, 60, 109, .05);--shadow-md: 0 4px 12px rgba(11, 60, 109, .08);--shadow-lg: 0 8px 24px rgba(11, 60, 109, .12);--shadow-retro:3px 3px 0px var(--color-hanu-navy);--ease-editorial: cubic-bezier(.16, 1, .3, 1);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .35s;--container-max: 1200px;--container-pad: clamp(1.25rem, 4vw, 2.5rem);--section-gap: clamp(5rem, 10vw, 8.5rem);--z-base: 0;--z-above: 10;--z-overlay: 100;--z-tooltip: 200;--z-modal: 300;--z-top: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:#faf9f5;background-image:linear-gradient(to right,rgba(11,60,109,.048) 1px,transparent 1px),linear-gradient(to bottom,rgba(11,60,109,.048) 1px,transparent 1px),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.038'/%3E%3C/svg%3E");background-size:26px 26px,26px 26px,auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-rendering:optimizeLegibility;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}img,video,svg,canvas{display:block;max-width:100%}@media (max-width: 480px){:root{--container-pad: 1rem}}button,input,select,textarea{font:inherit;border-radius:0}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-editorial)}a:hover{text-decoration:underline;text-underline-offset:4px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--section-gap);border-bottom:1px solid var(--color-border);position:relative}.section:last-of-type{border-bottom:none}.section-header{text-align:left;margin-bottom:var(--space-12);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-6)}.section-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.section-title{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));font-weight:var(--font-black);letter-spacing:var(--tracking-tighter);text-transform:uppercase;margin-bottom:var(--space-3);color:var(--color-text)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);max-width:62ch;line-height:var(--leading-relaxed)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:0;box-shadow:none;padding:var(--space-8) var(--space-6);transition:border-color var(--duration-fast) var(--ease-editorial),background-color var(--duration-fast) var(--ease-editorial)}.card:hover{border-color:var(--color-border-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:0;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;border:1px solid transparent;transition:all var(--duration-fast) var(--ease-editorial);white-space:nowrap;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-hanu-navy);color:var(--color-text-inverse);border-color:var(--color-hanu-navy);box-shadow:2px 2px #06234233}.btn-primary:hover{background:var(--color-hanu-navy-light);border-color:var(--color-hanu-navy-light);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-hanu-navy-dark)}.btn-secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-dark)}.btn-secondary:hover{background:var(--color-hanu-navy-muted);color:var(--color-hanu-navy);border-color:var(--color-hanu-navy)}.btn-accent{background:var(--color-hanu-red);color:#fff;border-color:var(--color-hanu-red);box-shadow:2px 2px #9e0c244d}.btn-accent:hover{background:var(--color-hanu-red-dark);border-color:var(--color-hanu-red-dark);color:#fff;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--color-hanu-red-dark)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border-dark)}.btn:focus-visible{outline:2px solid var(--color-hanu-navy);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:2px var(--space-2);border-radius:0;border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text)}.badge-fit{border-color:var(--color-hanu-navy);background:var(--color-hanu-navy);color:#fff}.badge-hanu{border-color:var(--color-hanu-navy);background:var(--color-hanu-navy-muted);color:var(--color-hanu-navy)}.badge-deadline{border-color:var(--color-hanu-red);background:var(--color-hanu-red-muted);color:var(--color-hanu-red)}.badge-retro{border-color:var(--color-tag-retro);background:var(--color-wall-yellow-muted);color:var(--color-tag-retro)}.badge-community{border-color:var(--color-border);background:#fff;color:var(--color-text-muted)}.ticket-border{border:1px dashed var(--color-border-dashed);position:relative}.stamp-tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.12em;padding:1px 6px;border:1px solid var(--color-hanu-red);color:var(--color-hanu-red);text-transform:uppercase;display:inline-block;transform:rotate(-1.5deg)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text)}.form-label .required{color:var(--color-accent);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:0;background:var(--color-bg);color:var(--color-text);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-editorial);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:1px solid var(--color-text);border-color:var(--color-text);box-shadow:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-light)}.form-textarea{resize:vertical;min-height:110px}.form-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.form-error{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);font-weight:var(--font-medium)}.form-checkbox-row{display:flex;align-items:flex-start;gap:var(--space-3)}.form-checkbox{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:2px;accent-color:var(--color-primary);cursor:pointer;border-radius:0}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-slide-up{animation:fadeSlideUp .4s var(--ease-editorial) both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-hanu-navy);color:#fff}