@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf7f2;color:#1a1714}code{font-family:DM Mono,DM Mono,source-code-pro,Menlo,Monaco,Consolas,monospace}:root{--bg-page: #FAF7F2;--bg-surface: #F2EDE4;--bg-card: #FFFFFF;--bg-raised: #F8F4EE;--bg-hover: #EDE8DF;--bg-void: #FFFFFF;--bg-deep: #FAF7F2;--bg-base: #F2EDE4;--bg-float: #F2EDE4;--bg-glass: rgba(26,23,20,.02);--bg-glass-hover: rgba(26,23,20,.04);--brand-primary: #FF5701;--brand-dark: #E04D00;--brand-soft: #FFF3EE;--brand-glow: rgba(255,87,1,.15);--brand-gold: #D97706;--brand-gold-soft: #FFFBEB;--brand-gold-glow: rgba(217,119,6,.15);--brand-emerald: #16A34A;--brand-emerald-soft: #ECFDF5;--brand-rose: #DC2626;--brand-rose-soft: #FEF2F2;--brand-indigo: #4F46E5;--brand-indigo-soft: #EEF2FF;--brand-violet: #7C3AED;--brand-cyan: #0891B2;--border: #E8E3DA;--border-strong: #C8C2BA;--border-soft: #F0EBE3;--glass-border: #E8E3DA;--glass-border-h: #C8C2BA;--ink-900: #1A1714;--ink-700: #3D3935;--ink-500: #6B6560;--ink-300: #A8A29E;--ink-100: #D6D0C8;--text-primary: #1A1714;--text-secondary: #3D3935;--text-muted: #6B6560;--text-ghost: #A8A29E;--text-inverse: #FFFFFF;--shadow-sm: 0 1px 3px rgba(26,23,20,.06), 0 1px 2px rgba(26,23,20,.04);--shadow-md: 0 4px 14px rgba(26,23,20,.07), 0 1px 3px rgba(26,23,20,.04);--shadow-lg: 0 12px 32px rgba(26,23,20,.09), 0 4px 8px rgba(26,23,20,.04);--shadow-xl: 0 24px 48px rgba(26,23,20,.11);--shadow-brand: 0 4px 16px rgba(255,87,1,.18);--shadow-glow: 0 0 0 3px rgba(255,87,1,.12);--shadow-gold: 0 0 0 3px rgba(217,119,6,.15);--radius-xs: 4px;--radius-sm: 7px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-2xl: 24px;--radius-full: 9999px;--font-display: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "DM Mono", monospace;--font-serif: Georgia, serif;--z-base: 0;--z-raised: 10;--z-overlay: 20;--z-modal: 40;--z-toast: 100;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .14s;--duration-base: .24s;--duration-slow: .38s;--cap-primary: #FF5701;--cap-primary-light: #FF7A38;--cap-primary-glow: rgba(255,87,1,.15);--cap-primary-soft: rgba(255,87,1,.06);--cap-secondary: #4F46E5;--cap-purple: #7C3AED;--cap-green: #16A34A;--cap-amber: #D97706;--cap-bg-page: #FAF7F2;--cap-surface: #F2EDE4;--cap-surface-hover: #EDE8DF;--cap-dark-900: #FAF7F2;--cap-dark-800: #F2EDE4;--cap-dark-700: #EDE8DF;--cap-dark-600: rgba(26,23,20,.04);--cap-dark-400: rgba(26,23,20,.35);--cap-dark-300: rgba(26,23,20,.55);--cap-text-primary: #1A1714;--cap-text-secondary: #3D3935;--cap-text-tertiary: #6B6560;--cap-text-muted: #A8A29E;--cap-text-inverse: #FFFFFF;--cap-border: #E8E3DA;--cap-border-light: #F0EBE3;--cap-radius-sm: 7px;--cap-radius-md: 10px;--cap-radius-lg: 14px;--cap-radius-xl: 20px;--cap-radius-full: 999px;--cap-font-body: "DM Sans", system-ui, sans-serif;--cap-font-display: "DM Sans", system-ui, sans-serif;--cap-font-mono: "DM Mono", "DM Mono", monospace;--cap-shadow-sm: 0 1px 3px rgba(26,23,20,.06);--cap-shadow-md: 0 4px 14px rgba(26,23,20,.08);--cap-shadow-lg: 0 12px 32px rgba(26,23,20,.1);--cap-shadow-xl: 0 24px 48px rgba(26,23,20,.12);--cap-shadow-orange: 0 4px 16px rgba(255,87,1,.18);--cap-shadow-glow: 0 0 0 3px rgba(255,87,1,.12);--cap-ease: cubic-bezier(.4, 0, .2, 1);--cap-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--cap-ease-out: cubic-bezier(0, 0, .2, 1);--cap-ease-in: cubic-bezier(.4, 0, 1, 1);--cap-duration-fast: .12s;--cap-duration-base: .2s;--cap-duration-slow: .35s;--cap-duration-xslow: .6s;--cap-page-max: 1180px;--cap-page-pad: clamp(16px, 5vw, 48px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes glowBreathe{0%,to{box-shadow:0 0 #6366f11a}50%{box-shadow:0 0 0 8px transparent}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fillBar{0%{width:0%}}@keyframes eloTick{0%{transform:scale(1)}50%{transform:scale(1.06);color:var(--brand-gold)}to{transform:scale(1)}}@keyframes cardEntrance{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(4);opacity:0}}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes flicker{0%,to{opacity:1;transform:scale(1)}25%{opacity:.85;transform:scale(.96) rotate(-1deg)}75%{opacity:.9;transform:scale(1.04) rotate(1deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes attentionBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes waveIn{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes navPop{0%{transform:scale(1)}40%{transform:scale(1.18) translateY(-2px)}70%{transform:scale(.96) translateY(1px)}to{transform:scale(1) translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes eloPulse{0%{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes proofDrop{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bentoReveal{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmerLight{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes scoreReveal{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{opacity:.5}50%{opacity:1}}.anim-fade-up{animation:fadeUp .5s var(--cap-ease-out) both}.anim-fade-down{animation:fadeDown .4s var(--cap-ease-out) both}.anim-fade-in{animation:fadeIn .4s var(--cap-ease-out) both}.anim-scale-in{animation:scaleIn .4s var(--cap-ease-spring) both}.anim-slide-left{animation:slideInLeft .5s var(--cap-ease-out) both}.anim-slide-right{animation:slideInRight .5s var(--cap-ease-out) both}.anim-float{animation:float 3s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.anim-flicker{animation:flicker 1.8s ease-in-out infinite}.anim-bounce{animation:attentionBounce 1s ease-in-out}.anim-glow-breathe{animation:glowBreathe 2.5s ease-in-out infinite}.anim-elo-pulse{animation:eloPulse 1.5s ease-out}.anim-proof-drop{animation:proofDrop .4s var(--ease-spring) both}.anim-bento-reveal{animation:bentoReveal .45s var(--ease-out) both}.anim-score-reveal{animation:scoreReveal .5s var(--ease-spring) both}.anim-delay-0{animation-delay:0ms}.anim-delay-1{animation-delay:80ms}.anim-delay-2{animation-delay:.16s}.anim-delay-3{animation-delay:.24s}.anim-delay-4{animation-delay:.32s}.anim-delay-5{animation-delay:.4s}.anim-delay-6{animation-delay:.48s}.anim-delay-7{animation-delay:.56s}.anim-delay-8{animation-delay:.64s}.skeleton,.skeleton-dark{background:linear-gradient(90deg,#f3f4f6 25%,#e9eaec 37%,#f3f4f6 63%);background-size:1200px 100%;animation:shimmerLight 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.bento-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#eaebee 37%,#f3f4f6 63%);background-size:1200px 100%;animation:shimmerLight 1.4s ease-in-out infinite;border-radius:var(--radius-md)}.glass-panel{background:#fff;border:1px solid #E8E3DA;border-radius:var(--radius-lg)}.glass-panel:hover{background:#faf7f2;border-color:#c8c2ba}.card-base{background:#fff;border:1px solid #E8E3DA;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.card-base:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#c8c2ba}.card-lift{transition:transform .25s var(--ease-spring),box-shadow .25s var(--ease-out)}.card-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-mission{background:#fff;border:1px solid #E5E7EB;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.card-mission:hover{transform:translateY(-3px) scale(1.005);box-shadow:var(--shadow-lg)}.card-proof{background:#fff;border:1px solid #E5E7EB;border-left:3px solid var(--brand-primary);border-radius:var(--radius-md);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.card-proof:hover{border-color:#6366f166;transform:translateY(-2px)}.skill-bar-track{height:5px;border-radius:999px;background:#f3f4f6;overflow:hidden}.skill-bar-fill{height:100%;border-radius:999px;transition:width .9s cubic-bezier(0,0,.2,1)}.skill-bar-strong{background:linear-gradient(90deg,#10b981,#34d399)}.skill-bar-mid{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.skill-bar-weak{background:linear-gradient(90deg,#f43f5e,#fb7185)}.elo-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);background:#f59e0b14;border:1px solid rgba(245,158,11,.2)}.elo-badge.updated{animation:eloPulse 1.5s ease-out}.elo-number{font-family:var(--font-mono);font-size:15px;font-weight:800;color:#d97706}.elo-label{font-size:10px;font-weight:700;color:#d9770699;letter-spacing:.06em;text-transform:uppercase}.elo-score{font-family:var(--font-mono);font-weight:800;transition:color .3s var(--ease-out)}.elo-score.ticking{animation:eloTick .3s var(--ease-spring)}.btn{display:inline-flex;align-items:center;gap:8px;padding:0 20px;height:40px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;text-decoration:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:#ff5701;color:#fff;box-shadow:0 1px 3px #ff570133}.btn-primary:hover{background:#e04d00;box-shadow:0 4px 14px #ff570147;transform:translateY(-1px)}.btn-gold{background:#d97706;color:#fff;box-shadow:0 1px 3px #d9770633}.btn-gold:hover{background:#b45309;box-shadow:0 4px 12px #d9770640;transform:translateY(-1px)}.btn-secondary{background:#fff;border:1px solid #E8E3DA;color:#3d3935}.btn-secondary:hover{background:#faf7f2;border-color:#c8c2ba}.btn-ghost{background:transparent;border:1px solid #E8E3DA;color:#6b6560}.btn-ghost:hover{background:#f2ede4;border-color:#c8c2ba;color:#3d3935}.btn-indigo{background:#4f46e5;color:#fff;box-shadow:0 1px 3px #4f46e533}.btn-indigo:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e540;transform:translateY(-1px)}.btn-dark{background:#1a1714;color:#fff;box-shadow:0 1px 2px #1a17141f}.btn-dark:hover{background:#3d3935;box-shadow:0 4px 12px #1a17142e;transform:translateY(-1px)}.btn-danger{background:#dc262612;border:1px solid rgba(220,38,38,.18);color:#dc2626}.btn-danger:hover{background:#dc26261f}.btn-lg{height:48px;padding:0 28px;font-size:15px}.btn-sm{height:32px;padding:0 14px;font-size:12px}.btn-glow{position:relative;overflow:hidden;transition:transform .2s var(--cap-ease-spring),box-shadow .2s var(--cap-ease)}.btn-glow:hover{transform:translateY(-1px)}.btn-glow:active{transform:translateY(0) scale(.98)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-orange{background:#fff3ee;color:#ff5701;border:1px solid rgba(255,87,1,.2)}.badge-indigo{background:#eef2ff;color:#4f46e5;border:1px solid rgba(79,70,229,.2)}.badge-gold{background:#fffbeb;color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge-emerald{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.2)}.badge-rose{background:#fef2f2;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.badge-violet{background:#f5f3ff;color:#7c3aed;border:1px solid rgba(124,58,237,.2)}.badge-cyan{background:#ecfeff;color:#0891b2;border:1px solid rgba(8,145,178,.2)}.badge-neutral{background:#f2ede4;color:#6b6560;border:1px solid #E8E3DA}.badge-surge{background:#fef2f2;color:#dc2626;font-family:var(--font-mono);font-size:10px;border:1px solid rgba(220,38,38,.2)}.arena-bg{background:linear-gradient(rgba(26,23,20,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(26,23,20,.018) 1px,transparent 1px),#faf7f2;background-size:auto,40px 40px,40px 40px}.path-atmosphere{min-height:100vh;transition:background .4s ease-out}.path-student{background:#faf7f2}.path-professional{background:#f8f4ee}.path-executive{background:#fbf8f3}.path-org{background:#f5f1ea}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.bento-grid{grid-column:1fr}}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.row-span-2{grid-row:span 2}.cap-container{max-width:var(--cap-page-max);margin:0 auto;padding:0 var(--cap-page-pad)}.cap-section{padding:80px 0}.cap-overline{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-primary)}.page-enter{animation:fadeUp .38s var(--cap-ease-out) both}.cap-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:9999;animation:slideUp .35s var(--ease-spring) both}.cap-badge-new{animation:badgePop .4s var(--ease-spring) both}.pulse-dot{position:relative;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand-emerald)}.pulse-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit;animation:pulseRing 1.6s ease-out infinite}.gradient-text{background:linear-gradient(135deg,#ff5701,#e04d00,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-indigo{background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-gold{background:linear-gradient(135deg,#d97706,#f59e0b,#ff5701);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--cap-ease-out),transform .6s var(--cap-ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-24px);transition:opacity .6s var(--cap-ease-out),transform .6s var(--cap-ease-out)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(24px);transition:opacity .6s var(--cap-ease-out),transform .6s var(--cap-ease-out)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .5s var(--cap-ease-out),transform .5s var(--cap-ease-spring)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-group>*:nth-child(1){transition-delay:0ms}.reveal-group>*:nth-child(2){transition-delay:80ms}.reveal-group>*:nth-child(3){transition-delay:.16s}.reveal-group>*:nth-child(4){transition-delay:.24s}.reveal-group>*:nth-child(5){transition-delay:.32s}.reveal-group>*:nth-child(6){transition-delay:.4s}.cap-progress-bar{height:5px;border-radius:var(--radius-full);background:#f3f4f6;overflow:hidden}.cap-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--brand-primary);animation:fillBar 1s var(--ease-out) both}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6d0c8;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#c8c2ba}:focus-visible{outline:2px solid #FF5701;outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:#ff57011f;color:var(--ink-900)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}