@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/cdf703449fd42bc8-s.103uf.8aa8pr3.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/3f10656f33c57dec-s.0m4wt3xm5i890.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/56eb15be423b6220-s.0zqusx.h7vgvl.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/96074e70a40501da-s.0fw52gc_mc5b0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:swap;src:url(../media/de161955856a921d-s.p.04z8pihzuh7s1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Press Start 2P Fallback";src:local(Arial);ascent-override:44.58%;descent-override:0.0%;line-gap-override:0.0%;size-adjust:224.32%}.press_start_2p_82982c22-module__-rBVca__className{font-family:"Press Start 2P","Press Start 2P Fallback";font-style:normal;font-weight:400}.press_start_2p_82982c22-module__-rBVca__variable{--font-press-start:"Press Start 2P", "Press Start 2P Fallback"}
@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/42b07301cbfb88de-s.00h2pk9.eev0o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/674d141a92451548-s.0utf7qfb0khyu.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c8c4ded07fff55c-s.p.0wf336i9wr3zj.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:VT323 Fallback;src:local(Arial);ascent-override:89.16%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:89.73%}.vt323_727ff31f-module__uh4-Jq__className{font-family:VT323,VT323 Fallback;font-style:normal;font-weight:400}.vt323_727ff31f-module__uh4-Jq__variable{--font-vt323:"VT323", "VT323 Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-pixel:var(--font-vt323), monospace;--font-display:var(--font-press-start), monospace;--color-bg-base:#080b10;--color-bg-panel:#0c1118;--color-bg-card:#0e1520;--color-border:#1a2535;--color-border-hl:#243347;--color-cyan:#00d9ff;--color-cyan-dim:#00a8cc;--color-gold:#f2c94c;--color-gold-dim:#c9a42a;--color-green:#27c93f;--color-red:#f55;--color-purple:#bd93f9;--color-silver:#8892a4;--color-text:#c9d4e0;--color-text-dim:#6b7a8d}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-4{margin:calc(var(--spacing) * 4)}.m-7{margin:calc(var(--spacing) * 7)}.m-100{margin:calc(var(--spacing) * 100)}.m-294{margin:calc(var(--spacing) * 294)}.m-15895{margin:calc(var(--spacing) * 15895)}.m-16024{margin:calc(var(--spacing) * 16024)}.m-16122{margin:calc(var(--spacing) * 16122)}.m-16394{margin:calc(var(--spacing) * 16394)}.m-16400{margin:calc(var(--spacing) * 16400)}.m-16479{margin:calc(var(--spacing) * 16479)}.m-16480{margin:calc(var(--spacing) * 16480)}.m-16485{margin:calc(var(--spacing) * 16485)}.m-16486{margin:calc(var(--spacing) * 16486)}.m-16488{margin:calc(var(--spacing) * 16488)}.m-16489{margin:calc(var(--spacing) * 16489)}.m-16490{margin:calc(var(--spacing) * 16490)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*,:before,:after{box-sizing:border-box}html,body{background-color:var(--color-bg-base);width:100%;height:100%;color:var(--color-text);margin:0;padding:0;overflow:hidden}.portfolio-root{background-color:var(--color-bg-base);flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.portfolio-columns{flex:1;min-height:0;display:flex;overflow:hidden}.col-left{background:var(--color-bg-panel);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;min-width:240px;display:flex;overflow:hidden auto}.col-center{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.col-right{background:var(--color-bg-panel);border-left:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:0;width:300px;min-width:300px;display:flex;overflow:hidden auto}@media (max-width:1100px){.col-right{display:none}}@media (max-width:700px){.col-left{width:170px;min-width:170px}.hero-name{font-size:23.4px!important}.impact-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:520px){.col-left{display:none}.top-bar{flex-wrap:wrap;gap:10px}}.col-left::-webkit-scrollbar{width:3px}.col-center::-webkit-scrollbar{width:3px}.col-right::-webkit-scrollbar{width:3px}.col-left::-webkit-scrollbar-track{background:0 0}.col-center::-webkit-scrollbar-track{background:0 0}.col-right::-webkit-scrollbar-track{background:0 0}.col-left::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.col-center::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.col-right::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.top-bar{background:var(--color-bg-panel);border-bottom:1px solid var(--color-border);font-family:var(--font-display);color:var(--color-silver);flex-shrink:0;align-items:center;gap:20px;padding:7px 18px;font-size:8.5px;display:flex}.top-bar-item{color:var(--color-silver);align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:flex}.top-bar-item:hover{color:var(--color-cyan)}.top-bar-item .icon{color:var(--color-cyan);font-size:14.3px}.char-card{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:center;width:100%;padding:6px 0;display:flex;position:relative;overflow:hidden}.char-card img{width:100%;max-width:220px;image-rendering:pixelated;transform-origin:top;display:block}.menu-section-title{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px 5px;font-size:8.5px}.menu-item{cursor:pointer;font-family:var(--font-display);color:var(--color-silver);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:9px;padding:8px 14px;font-size:9.1px;transition:all .12s;display:flex}.menu-item:hover{color:var(--color-text);border-left-color:var(--color-cyan-dim);background:#00d9ff0d}.menu-item.active{color:var(--color-cyan);border-left-color:var(--color-cyan);background:#00d9ff14}.menu-item .menu-icon{text-align:center;flex-shrink:0;width:16px;font-size:16.9px}.status-box{background:var(--color-bg-card);border:1px solid var(--color-border);flex-shrink:0;margin:7px;padding:11px}.status-dot{background:var(--color-green);width:6px;height:6px;box-shadow:0 0 6px var(--color-green);border-radius:50%;flex-shrink:0;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.status-label{font-family:var(--font-display);color:var(--color-green);font-size:8.5px;line-height:1.6}.status-sub{font-family:var(--font-display);color:var(--color-text-dim);margin-top:4px;font-size:7.8px;line-height:1.8}.quote-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:3px solid var(--color-cyan);flex-shrink:0;margin:7px;padding:11px}.quote-text{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:16px;line-height:1}.hero-panel{border-bottom:1px solid var(--color-border);align-items:center;min-height:350px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-overlay{z-index:1;background:linear-gradient(90deg,#080b10f7 0%,#080b10d1 45%,#080b1033 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:520px;padding:28px 28px 24px;position:relative}.hero-hello{font-family:var(--font-display);color:var(--color-silver);letter-spacing:.08em;margin-bottom:5px;font-size:9.1px}.hero-name{font-family:var(--font-display);color:#fff;text-shadow:0 0 24px #00d9ff4d,2px 2px #000;margin:0 0 4px;font-size:33.8px;line-height:1.15}.hero-role{font-family:var(--font-display);color:var(--color-cyan);text-shadow:0 0 12px #00d9ff80;margin-bottom:10px;font-size:11.7px}.hero-desc{font-family:var(--font-pixel);color:var(--color-text-dim);max-width:420px;margin-bottom:14px;font-size:19.5px;line-height:1.5}.tech-badges{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.tech-badge{font-family:var(--font-display);color:var(--color-cyan);cursor:default;background:#00d9ff14;border:1px solid #00d9ff40;padding:3px 7px;font-size:7.8px;transition:all .15s}.tech-badge:hover{border-color:var(--color-cyan);background:#00d9ff26}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-primary{background:var(--color-cyan);color:#000;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:9.1px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 0 16px #00d9ff4d}.btn-primary:hover{background:#fff;box-shadow:0 0 24px #00d9ff80}.btn-secondary{color:var(--color-silver);font-family:var(--font-display);text-transform:uppercase;border:1px solid var(--color-border-hl);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:9px 18px;font-size:9.1px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary:hover{color:var(--color-text);border-color:var(--color-silver)}.home-view-root{flex-direction:column;display:flex;position:relative}.home-stats-section{padding:16px 16px 20px;position:relative}.home-stats-header{margin-bottom:18px}.home-stats-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.06em;margin-bottom:4px;font-size:11px;display:block}.home-stats-sub{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:14px}.home-stats-row{flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:10px;display:flex}.home-stats-grid{flex-wrap:wrap;flex-grow:1;flex-shrink:1;align-items:flex-end;gap:6px;min-width:0;max-width:100%;display:flex}.home-stat-card{cursor:default;flex-shrink:0;line-height:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.home-stat-card img{width:100%}.home-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000080}.fauno-column{flex-direction:row;flex-shrink:0;align-items:flex-end;gap:0;margin-left:0;display:flex;position:relative}@media (min-width:1280px){.fauno-column{margin-left:auto}}.fauno-character{filter:drop-shadow(0 4px 14px #000c);flex-shrink:0;transition:transform .25s}.fauno-column:hover .fauno-character{transform:translateY(-5px)}.fauno-dialog{filter:drop-shadow(0 4px 12px #0009);z-index:10;flex-shrink:0;width:245px;height:125px;animation:.35s forwards dialog-enter;position:absolute;bottom:84px;right:110px}.fauno-dialog.fauno-dialog-fading{animation:.35s forwards dialog-exit}.fauno-dialog-bg{z-index:0;opacity:.92;position:absolute;inset:0;transform:scaleX(-1);-webkit-mask-image:linear-gradient(#000 70%,#00000026 100%);mask-image:linear-gradient(#000 70%,#00000026 100%)}.fauno-dialog-content{z-index:1;flex-direction:column;height:100%;padding:14px 18px 32px;display:flex;position:relative}@keyframes dialog-enter{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes dialog-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes fauno-pulse{0%,to{filter:drop-shadow(0 4px 12px #0009)drop-shadow(0 0 #f2c94c00)}50%{filter:drop-shadow(0 4px 12px #0009)drop-shadow(0 0 8px #f2c94c4d)}}.fauno-dialog{animation:.35s forwards dialog-enter,3s ease-in-out .35s infinite fauno-pulse}.fauno-dialog-close{color:var(--color-text-dim);cursor:pointer;z-index:10;background:0 0;border:none;padding:4px;font-size:16px;line-height:1;transition:color .15s;position:absolute;top:6px;right:10px}.fauno-dialog-close:hover{color:#fff}.fauno-dialog-text{font-family:var(--font-pixel);color:#1a1a0e;letter-spacing:-.01em;min-height:3.5em;margin:0 0 auto;padding-top:4px;padding-right:16px;font-size:14.5px;font-weight:700;line-height:1.25}.fauno-cursor{color:#8c6a2c;animation:.7s step-end infinite blink-cursor;display:inline-block}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes btn-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fauno-dialog-btn{background:var(--color-gold);color:#000;width:100%;font-family:var(--font-display);cursor:pointer;border:none;align-items:center;gap:6px;padding:7px 10px;font-size:7.5px;transition:background .15s,box-shadow .15s;animation:.3s btn-appear;display:flex;box-shadow:0 0 12px #f2c94c4d}.fauno-dialog-btn:hover{background:#ffe97a;box-shadow:0 0 20px #f2c94c80}.fauno-dialog-play{font-size:10px}.fauno-dialog-wave{opacity:.7;letter-spacing:1px;margin-left:auto;font-size:8px}@media (max-width:900px){.home-stats-grid{flex-wrap:wrap;justify-content:flex-start}.home-stats-row{flex-wrap:wrap}.fauno-column{margin-left:0}}@media (max-width:600px){.home-stats-row{flex-direction:column;align-items:flex-start}.home-stats-grid{flex-wrap:wrap;justify-content:center;width:100%}.fauno-column{justify-content:flex-end;width:100%}}.achievements-section{padding:18px 22px}.achievements-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}@media (max-width:800px){.achievements-grid{grid-template-columns:repeat(2,1fr)}}.achievement-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:default;flex-direction:column;gap:6px;padding:12px 10px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.achievement-card:before{content:"";opacity:0;transition:opacity .2s;position:absolute;inset:0}.achievement-card:hover{transform:translateY(-1px)}.achievement-card.rarity-LEGENDARY{border-color:#f2c94c59}.achievement-card.rarity-LEGENDARY:before{background:linear-gradient(135deg,#f2c94c0d,#0000)}.achievement-card.rarity-LEGENDARY:hover{border-color:var(--color-gold);box-shadow:0 0 18px #f2c94c33}.achievement-card.rarity-LEGENDARY:before{opacity:1}.achievement-card.rarity-EPIC{border-color:#bd93f94d}.achievement-card.rarity-EPIC:before{background:linear-gradient(135deg,#bd93f90d,#0000)}.achievement-card.rarity-EPIC:hover{border-color:var(--color-purple);box-shadow:0 0 18px #bd93f933}.achievement-card.rarity-EPIC:before{opacity:1}.achievement-card.rarity-RARE{border-color:#00d9ff40}.achievement-card.rarity-RARE:before{background:linear-gradient(135deg,#00d9ff0a,#0000)}.achievement-card.rarity-RARE:hover{border-color:var(--color-cyan);box-shadow:0 0 14px #00d9ff26}.achievement-card.rarity-RARE:before{opacity:1}.achievement-icon{font-size:26px;line-height:1}.achievement-rarity{font-family:var(--font-display);letter-spacing:.06em;width:fit-content;padding:2px 5px;font-size:6.5px;display:inline-block}.achievement-rarity.rarity-LEGENDARY{color:var(--color-gold);background:#f2c94c1f;border:1px solid #f2c94c4d}.achievement-rarity.rarity-EPIC{color:var(--color-purple);background:#bd93f91f;border:1px solid #bd93f94d}.achievement-rarity.rarity-RARE{color:var(--color-cyan);background:#00d9ff1a;border:1px solid #00d9ff40}.achievement-title{font-family:var(--font-display);color:#fff;font-size:7.8px;line-height:1.5}.achievement-desc{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:15.6px;line-height:1.4}.projects-section{padding:18px 22px 24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.section-title{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:7px;font-size:9.8px;display:flex}.section-link{font-family:var(--font-display);color:var(--color-cyan);cursor:pointer;align-items:center;gap:4px;font-size:8.5px;text-decoration:none;transition:color .15s;display:flex}.section-link:hover{color:#fff}.projects-view-header{flex-shrink:0;padding:18px 22px 0}.projects-view-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:6px;font-size:10.4px}.projects-view-desc{font-family:var(--font-pixel);color:var(--color-text-dim);margin-bottom:14px;font-size:18.2px}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.filter-tab{font-family:var(--font-display);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.04em;padding:5px 10px;font-size:7.8px;transition:all .15s}.view-source-btn:hover{background:var(--color-border-hl);color:#fff}.filter-tab:hover{border-color:var(--color-border-hl);color:var(--color-text)}.filter-tab.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#00d9ff1a;box-shadow:0 0 8px #00d9ff1f}.projects-grid-v2{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 22px 24px;display:grid}.project-card-v2{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden}.project-card-v2:hover{transform:translateY(-2px)}.project-card-v2.rarity-LEGENDARY{border-color:#f2c94c4d}.project-card-v2.rarity-LEGENDARY:hover{border-color:var(--color-gold);box-shadow:0 4px 24px #f2c94c26,0 0 0 1px #f2c94c1a}.project-card-v2.rarity-EPIC{border-color:#bd93f94d}.project-card-v2.rarity-EPIC:hover{border-color:var(--color-purple);box-shadow:0 4px 24px #bd93f926,0 0 0 1px #bd93f91a}.project-card-v2.rarity-RARE{border-color:#00d9ff40}.project-card-v2.rarity-RARE:hover{border-color:var(--color-cyan);box-shadow:0 4px 20px #00d9ff1f}.project-thumb-v2{background:var(--color-bg-base);flex-shrink:0;width:100%;height:130px;position:relative;overflow:hidden}.project-thumb-placeholder{opacity:.25;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.project-thumb-v2 img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .3s}.project-card-v2:hover .project-thumb-v2 img{transform:scale(1.04)}.card-badges-row{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:8px;left:8px;right:8px}.card-rarity-badge{font-family:var(--font-display);letter-spacing:.05em;padding:3px 7px;font-size:6.5px}.card-rarity-badge.rarity-LEGENDARY{color:var(--color-gold);background:#0a0804d9;border:1px solid #f2c94c80;box-shadow:0 0 10px #f2c94c33}.card-rarity-badge.rarity-EPIC{color:var(--color-purple);background:#08070ed9;border:1px solid #bd93f980;box-shadow:0 0 10px #bd93f933}.card-rarity-badge.rarity-RARE{color:var(--color-cyan);background:#050a0ed9;border:1px solid #00d9ff66;box-shadow:0 0 8px #00d9ff26}.card-highlight-badge{font-family:var(--font-display);color:var(--color-cyan);background:#00d9ff1f;border:1px solid #00d9ff59;padding:3px 7px;font-size:6.5px}.project-body-v2{flex-direction:column;flex:1;gap:7px;padding:12px;display:flex}.project-category-tag{font-family:var(--font-display);color:var(--color-cyan);letter-spacing:.06em;font-size:7.2px}.project-title-v2{font-family:var(--font-display);color:#fff;font-size:10.4px;line-height:1.4}.project-desc-v2{font-family:var(--font-pixel);color:var(--color-text-dim);flex:1;font-size:16.9px;line-height:1.45}.project-tech-row-v2{flex-wrap:wrap;gap:4px;display:flex}.tech-pill-v2{font-family:var(--font-display);color:var(--color-cyan-dim);letter-spacing:.03em;background:#00d9ff0f;border:1px solid #00d9ff33;padding:2px 6px;font-size:6.5px;transition:all .15s}.tech-pill-v2:hover{border-color:var(--color-cyan);color:var(--color-cyan);background:#00d9ff1f}.project-footer-v2{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.project-stars{gap:2px;display:flex}.project-star{opacity:.9;font-size:13px}.btn-details{font-family:var(--font-display);color:var(--color-cyan);cursor:pointer;text-transform:uppercase;background:#00d9ff14;border:1px solid #00d9ff40;padding:4px 10px;font-size:7.8px;transition:all .15s}.btn-details:hover{border-color:var(--color-cyan);background:#00d9ff26;box-shadow:0 0 10px #00d9ff26}.project-card-new{background:var(--color-bg-card);border:1px dashed var(--color-border-hl);cursor:default;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;transition:border-color .2s;display:flex}.project-card-new:hover{border-color:var(--color-border)}.project-card-new-icon{font-family:var(--font-display);color:var(--color-border-hl);font-size:31.2px}.project-card-new-title{font-family:var(--font-display);color:var(--color-text-dim);font-size:9.1px}.project-card-new-desc{font-family:var(--font-pixel);color:var(--color-text-dim);opacity:.6;text-align:center;padding:0 20px;font-size:16.9px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#04060ae0;justify-content:center;align-items:center;padding:20px;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--color-bg-panel);border:1px solid var(--color-border-hl);flex-direction:column;width:100%;max-width:700px;max-height:88vh;animation:.22s modal-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #0009,0 0 0 1px #00d9ff0d}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-box.rarity-LEGENDARY{border-top:2px solid var(--color-gold);box-shadow:0 20px 80px #0009,0 0 40px #f2c94c14}.modal-box.rarity-EPIC{border-top:2px solid var(--color-purple);box-shadow:0 20px 80px #0009,0 0 40px #bd93f914}.modal-box.rarity-RARE{border-top:2px solid var(--color-cyan);box-shadow:0 20px 80px #0009,0 0 40px #00d9ff14}.modal-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px 12px;display:flex}.modal-header-left{flex-direction:column;gap:5px;display:flex}.modal-title-row{align-items:center;gap:10px;display:flex}.modal-emoji{font-size:26px}.modal-title{font-family:var(--font-display);color:#fff;font-size:13px}.modal-subtitle{font-family:var(--font-pixel);color:var(--color-cyan);font-size:18.2px}.modal-tag-row{flex-wrap:wrap;gap:6px;display:flex}.modal-tag{font-family:var(--font-display);border:1px solid var(--color-border-hl);color:var(--color-text-dim);background:#ffffff0a;padding:3px 8px;font-size:7.2px}.modal-close{border:1px solid var(--color-border);color:var(--color-silver);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:20.8px;transition:all .15s;display:flex}.modal-close:hover{border-color:var(--color-red);color:var(--color-red);background:#ff555514}.modal-image-area{background:var(--color-bg-base);flex-shrink:0;width:100%;height:240px;position:relative;overflow:hidden}.modal-image-area img{object-fit:cover;object-position:top;width:100%;height:100%}.modal-image-placeholder{background:radial-gradient(circle,#00d9ff0a 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.modal-image-placeholder-icon{opacity:.2;font-size:64px}.modal-image-placeholder-text{font-family:var(--font-display);color:var(--color-border-hl);font-size:9.1px}.modal-thumb-strip{background:var(--color-bg-base);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:6px;padding:8px 20px;display:flex;overflow-x:auto}.modal-thumb{border:1px solid var(--color-border);cursor:pointer;flex-shrink:0;width:52px;height:34px;transition:border-color .15s;position:relative;overflow:hidden}.modal-thumb.active{border-color:var(--color-cyan)}.modal-thumb img{object-fit:cover;width:100%;height:100%}.modal-body{flex-direction:column;flex:1;gap:18px;padding:18px 20px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:3px}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.modal-section-label{font-family:var(--font-display);color:var(--color-cyan);letter-spacing:.08em;align-items:center;gap:6px;margin-bottom:10px;font-size:8.5px;display:flex}.modal-desc{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:18.2px;line-height:1.6}.modal-features-list{flex-direction:column;gap:7px;display:flex}.modal-feature-item{font-family:var(--font-pixel);color:var(--color-text-dim);align-items:flex-start;gap:8px;font-size:16.9px;line-height:1.5;display:flex}.modal-feature-icon{flex-shrink:0;margin-top:1px;font-size:18.2px}.modal-feature-check{color:var(--color-green);flex-shrink:0;margin-top:2px;font-size:15.6px}.modal-metrics-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.modal-metric{background:var(--color-bg-base);border:1px solid var(--color-border);text-align:center;flex-direction:column;gap:4px;padding:10px 8px;display:flex}.modal-metric-value{font-family:var(--font-display);font-size:14.3px;line-height:1}.modal-metric-value.cyan{color:var(--color-cyan);text-shadow:0 0 8px #00d9ff66}.modal-metric-value.gold{color:var(--color-gold);text-shadow:0 0 8px #f2c94c66}.modal-metric-value.green{color:var(--color-green);text-shadow:0 0 8px #27c93f66}.modal-metric-value.purple{color:var(--color-purple);text-shadow:0 0 8px #bd93f966}.modal-metric-value.red{color:var(--color-red)}.modal-metric-label{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:14.3px}.modal-tech-row{flex-wrap:wrap;gap:6px;display:flex}.tech-badge-neon{font-family:var(--font-display);color:var(--color-cyan);background:#00d9ff12;border:1px solid #00d9ff40;padding:4px 9px;font-size:7.8px;transition:all .15s}.tech-badge-neon:hover{border-color:var(--color-cyan);background:#00d9ff24;box-shadow:0 0 10px #00d9ff26}.modal-footer{border-top:1px solid var(--color-border);background:var(--color-bg-base);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.modal-btn-primary{background:var(--color-cyan);color:#000;font-family:var(--font-display);text-transform:uppercase;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:9.1px;font-weight:700;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 0 14px #00d9ff40}.modal-btn-primary:hover{background:#fff;box-shadow:0 0 20px #00d9ff66}.modal-btn-secondary{color:var(--color-silver);font-family:var(--font-display);text-transform:uppercase;border:1px solid var(--color-border-hl);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:7px;padding:10px 16px;font-size:9.1px;text-decoration:none;transition:all .15s;display:flex}.modal-btn-secondary:hover{color:var(--color-text);border-color:var(--color-silver)}.right-section{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:12px 14px}.right-section-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.right-section-title{font-family:var(--font-display);color:var(--color-text);align-items:center;gap:6px;font-size:10.4px;display:flex}.right-section-link{font-family:var(--font-display);color:var(--color-cyan);cursor:pointer;font-size:7.2px;text-decoration:none;transition:color .15s}.right-section-link:hover{color:#fff}.exp-timeline{flex-direction:column;gap:0;display:flex;position:relative}.exp-timeline-item{gap:10px;padding-bottom:10px;display:flex;position:relative}.exp-timeline-item:last-child{padding-bottom:0}.exp-timeline-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.exp-company-dot{width:26px;height:26px;font-family:var(--font-display);color:#000;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9.1px;font-weight:700;display:flex;position:relative}.exp-timeline-line{background:var(--color-border);flex:1;width:1px;min-height:12px;margin-top:2px}.exp-timeline-right{flex-direction:column;gap:2px;min-width:0;padding-top:4px;display:flex}.exp-role-text{font-family:var(--font-display);color:var(--color-text);font-size:9.8px;line-height:1.6}.exp-company-text{font-family:var(--font-display);color:var(--color-gold);font-size:9.1px;line-height:1.6}.exp-date-row{align-items:center;gap:6px;display:flex}.exp-date-text{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:16.9px}.exp-active-badge{font-family:var(--font-display);color:var(--color-green);background:#27c93f1f;border:1px solid #27c93f4d;padding:1px 5px;font-size:6.5px}.tech-tools-section{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:12px 14px}.tech-tools-img-wrapper{border:1px solid var(--color-border);cursor:pointer;width:100%;transition:border-color .15s;position:relative;overflow:hidden}.tech-tools-img-wrapper:hover{border-color:var(--color-border-hl)}.tech-tools-img-wrapper img{width:100%;height:auto;display:block}.activity-section{flex-shrink:0;padding:12px 14px}.activity-graph{align-items:flex-end;gap:3px;height:32px;margin-bottom:8px;display:flex;position:relative}.activity-bar{background:#00d9ff26;border-top:1px solid #00d9ff66;flex:1;transition:background .2s;position:relative}.activity-bar:hover{background:#00d9ff4d}.activity-dot-active{background:var(--color-green);width:5px;height:5px;box-shadow:0 0 6px var(--color-green);border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:-3px;right:0}.activity-caption{font-family:var(--font-pixel);color:var(--color-text-dim);margin-bottom:10px;font-size:15.6px;line-height:1.4}.profile-stats-row{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.profile-stat-box{background:var(--color-bg-card);border:1px solid var(--color-border);text-align:center;flex-direction:column;gap:3px;padding:8px 6px;display:flex}.profile-stat-value{font-family:var(--font-display);color:var(--color-cyan);text-shadow:0 0 8px #00d9ff4d;font-size:13px;line-height:1}.profile-stat-label{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:14.3px}.exp-full-timeline{border-left:2px solid var(--color-border);flex-direction:column;gap:20px;margin-left:8px;padding-left:22px;display:flex;position:relative}.exp-full-item{position:relative}.exp-full-dot{border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:-29px}.exp-full-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:14px;transition:border-color .15s}.exp-full-card:hover{border-color:var(--color-border-hl)}.exp-full-card.active{border-color:#00d9ff4d}.exp-full-role{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:9.8px}.exp-full-company{font-family:var(--font-display);color:var(--color-gold);margin-bottom:3px;font-size:9.1px}.exp-full-date{font-family:var(--font-pixel);color:var(--color-text-dim);margin-bottom:10px;font-size:15.6px}.exp-full-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.exp-full-list li{font-family:var(--font-pixel);color:var(--color-text-dim);align-items:flex-start;gap:7px;font-size:16.9px;line-height:1.45;display:flex}.exp-full-list li span:first-child{color:var(--color-cyan);flex-shrink:0;margin-top:2px;font-size:14.3px}.skills-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.skill-category-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:14px}.skill-category-name{font-family:var(--font-display);letter-spacing:.08em;margin-bottom:12px;font-size:9.1px}.skill-item{font-family:var(--font-pixel);color:var(--color-text-dim);align-items:center;gap:7px;margin-bottom:8px;font-size:18.2px;display:flex}.skill-bullet{flex-shrink:0;font-size:13px}.contact-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-top:2px solid var(--color-cyan);flex-direction:column;gap:14px;width:100%;max-width:440px;padding:28px;display:flex}.contact-title{font-family:var(--font-display);color:var(--color-cyan);text-align:center;margin-bottom:6px;font-size:11.7px}.contact-item{background:var(--color-bg-panel);border:1px solid var(--color-border);align-items:center;gap:12px;padding:10px 14px;transition:border-color .15s;display:flex}.contact-item:hover{border-color:var(--color-border-hl)}.contact-icon{flex-shrink:0;font-size:20.8px}.contact-label{font-family:var(--font-display);color:var(--color-text-dim);margin-bottom:2px;font-size:7.8px}.contact-value-link{font-family:var(--font-pixel);color:var(--color-cyan);font-size:18.2px;text-decoration:none;transition:color .15s}.contact-value-link:hover{color:#fff}.contact-value-text{font-family:var(--font-pixel);color:var(--color-text);font-size:18.2px}.terminal-footer{border-top:1px solid var(--color-border);background:#050709;flex-shrink:0;align-items:center;gap:10px;height:34px;min-height:34px;padding:0 14px;display:flex;overflow:hidden}.terminal-prompt{font-family:var(--font-display);color:var(--color-green);flex-shrink:0;font-size:8.5px}.terminal-text{font-family:var(--font-pixel);color:var(--color-silver);white-space:nowrap;font-size:18.2px;overflow:hidden}.terminal-cursor{background:var(--color-cyan);vertical-align:middle;flex-shrink:0;width:7px;height:13px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.crt-overlay{pointer-events:none;z-index:9999;background:repeating-linear-gradient(#0000 0 3px,#0000000f 3px 4px);position:fixed;inset:0}.panel-header{border-bottom:1px solid var(--color-border);font-family:var(--font-display);color:var(--color-text);letter-spacing:.05em;background:#00d9ff08;flex-shrink:0;align-items:center;gap:7px;padding:9px 14px;font-size:9.1px;display:flex}.about-layout{align-items:stretch;gap:20px;padding:22px;display:flex}.about-col-left{flex-direction:column;flex:6.6;gap:14px;min-width:0;display:flex}.about-col-right{flex-direction:column;flex:3.4;gap:14px;min-width:0;display:flex}.about-col-left>.about-section:last-child,.about-col-right>.about-section:last-child{flex-grow:1}.about-col-left>.about-section:last-child .about-card,.about-col-right>.about-section:last-child .about-card{flex-grow:1;height:100%}.about-section{flex-direction:column;gap:6px;display:flex}.about-section-header{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.05em;align-items:center;gap:8px;font-size:11px;display:flex}.about-icon{font-size:14px}.about-card{background:var(--color-bg-card);border:1px solid #f2c94c66;border-radius:8px;overflow:hidden}.about-intro-card{display:flex}.about-intro-image{flex-shrink:0;width:220px;position:relative}.about-intro-text{font-family:var(--font-pixel);color:var(--color-text-dim);flex-direction:column;flex:1;gap:6px;padding:14px 18px;line-height:1.25;display:flex;font-size:15px!important}.about-intro-text p{margin:0}.highlight-blue{color:#4dc4e6}.highlight-green{color:#6db14a}.highlight-yellow{color:#f2c94c}.about-define-grid{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.about-define-card{line-height:0;display:flex}.about-mission-card{justify-content:space-between;align-items:center;min-height:100px;padding:12px 20px;display:flex;position:relative;overflow:hidden}.about-mission-text{z-index:2;font-family:var(--font-pixel);color:var(--color-text-dim);max-width:65%;font-size:15px;line-height:1.25;position:relative}.about-mission-image{z-index:1;width:45%;position:absolute;top:0;bottom:0;right:0}.about-mission-fade{background:linear-gradient(to right, var(--color-bg-card) 0%, transparent 60%);z-index:2;position:absolute;inset:0}.about-focus-card{flex-direction:column;gap:8px;padding:10px;display:flex}.about-focus-item{align-items:center;gap:16px;display:flex}.about-focus-text{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:16px;line-height:1.2}.about-hobbies-card{grid-template-columns:repeat(3,1fr);justify-items:center;gap:16px 10px;padding:16px;display:grid}.about-hobbies-item{flex-direction:column;align-items:center;gap:1px;width:100%;display:flex}.about-hobby-icon{justify-content:center;align-items:center;width:46px;height:46px;display:flex}.about-hobby-text{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;font-size:8px!important}.about-stats-card{flex-direction:column;gap:10px;padding:16px;display:flex}.about-stats-item{align-items:center;gap:16px;display:flex}.about-stats-icon{flex-shrink:0;width:28px;height:28px}.about-stats-text{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;flex:1;font-size:8px!important}.about-stats-value{font-family:var(--font-display);color:#fff;font-size:14px}.about-stats-footer{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.1em;justify-content:center;align-items:center;gap:12px;padding-top:10px;font-size:12px;display:flex;margin-top:auto!important}@media (max-width:1150px){.about-layout{flex-direction:column}.about-col-left,.about-col-right{flex:none;width:100%}}@media (max-width:800px){.about-define-grid{grid-template-columns:repeat(2,1fr)}.about-intro-card{flex-direction:column}.about-intro-image{width:100%;height:250px}.about-intro-text{padding:16px}}@media (max-width:500px){.about-mission-card{text-align:center;flex-direction:column}.about-hobbies-card{grid-template-columns:repeat(2,1fr)}}.arch-view-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:18px}.arch-view-img{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--color-border);display:block}.projects-view-v3{flex-direction:column;flex:1;min-height:0;display:flex}.projects-view-scroll{flex:1;min-height:0;padding:16px 22px 24px;overflow-y:auto}.projects-view-scroll::-webkit-scrollbar{width:3px}.projects-view-scroll::-webkit-scrollbar-track{background:0 0}.projects-view-scroll::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.projects-split-body{flex:1;min-height:0;display:flex;overflow:hidden}.projects-list-col{border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:10px;width:380px;min-width:320px;padding:12px;display:flex;overflow:hidden auto}.projects-list-col::-webkit-scrollbar{width:3px}.projects-list-col::-webkit-scrollbar-track{background:0 0}.projects-list-col::-webkit-scrollbar-thumb{background:var(--color-border-hl)}.proj-list-card{background:var(--color-bg-card);border:1px solid var(--color-border);cursor:pointer;transition:border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.proj-list-card:hover{border-color:var(--color-border-hl)}.proj-list-card.selected{border-color:var(--color-cyan);box-shadow:0 0 16px #00d9ff1f}.proj-list-card.selected.rarity-LEGENDARY{border-color:var(--color-gold);box-shadow:0 0 16px #f2c94c26}.proj-list-card.selected.rarity-EPIC{border-color:var(--color-purple);box-shadow:0 0 16px #bd93f926}.proj-list-card-inner{z-index:1;padding:14px 16px;position:relative}.proj-list-card-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.proj-list-emoji{font-size:20px}.proj-list-title{font-family:var(--font-display);color:var(--color-text);margin-bottom:4px;font-size:11px}.proj-list-desc{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:13px;line-height:1.45}.projects-detail-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.proj-detail-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.proj-detail-header{border-bottom:1px solid var(--color-border);flex-shrink:0;padding:16px 20px 12px}.proj-detail-title-row{align-items:flex-start;gap:12px;display:flex}.proj-detail-emoji{flex-shrink:0;margin-top:2px;font-size:26px}.proj-detail-title{font-family:var(--font-display);color:var(--color-text);font-size:14px}.proj-detail-subtitle{font-family:var(--font-display);color:var(--color-cyan);margin-top:3px;font-size:9px}.proj-detail-carousel{flex-shrink:0}.proj-detail-img-main{background:var(--color-bg-base);width:100%;height:220px;overflow:hidden}.proj-carousel-btn{z-index:10;border:1px solid var(--color-border-hl);color:var(--color-text);cursor:pointer;background:#04060abf;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.proj-carousel-btn:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.proj-carousel-btn.left{left:8px}.proj-carousel-btn.right{right:8px}.proj-detail-thumbs{background:var(--color-bg-base);border-bottom:1px solid var(--color-border);gap:6px;padding:8px 16px;display:flex;overflow-x:auto}.proj-detail-thumb{border:1px solid var(--color-border);cursor:pointer;flex-shrink:0;width:60px;height:40px;transition:border-color .15s;overflow:hidden}.proj-detail-thumb.active{border-color:var(--color-cyan)}.proj-detail-body{flex:1;padding:16px 20px;overflow-y:auto}.proj-detail-body::-webkit-scrollbar{width:3px}.proj-detail-body::-webkit-scrollbar-track{background:0 0}.proj-detail-body::-webkit-scrollbar-thumb{background:var(--color-border-hl)}.skills-view-container{flex-direction:column;gap:20px;padding:22px;display:flex}.skills-header-area{border:none;border-radius:0;flex-direction:column;justify-content:center;gap:12px;min-height:150px;margin:-22px -22px 0;padding:0 44px;display:flex;position:relative;overflow:hidden}.skills-header-content{z-index:2;max-width:600px;position:relative}.skills-main-title{align-items:center;gap:10px;display:flex}.skills-bolt{color:var(--color-gold);font-size:26px}.skills-main-title h2{font-family:var(--font-display);color:#fff;letter-spacing:1px;margin:0;font-size:18px}.skills-main-desc{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:18px;line-height:1.4}.skills-stats-row{border:1px solid var(--color-border);background:#0e152099;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:16px;padding:14px 18px;display:grid}.skill-stat-card{border-right:1px solid var(--color-border);align-items:center;gap:14px;padding-right:14px;display:flex}.skill-stat-card:last-child{border-right:none}.skill-stat-icon{flex-shrink:0}.skill-stat-info{flex-direction:column;display:flex}.skill-stat-label{font-family:var(--font-display);color:var(--color-silver);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:7.5px}.skill-stat-value{font-family:var(--font-display);color:#fff;margin-bottom:4px;font-size:13px}.skill-stat-sub{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:15px}.skills-categories-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.skill-cat-box{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;flex-direction:column;padding:16px;display:flex;position:relative}.skill-cat-box.color-red{border-color:#f556}.skill-cat-box.color-cyan{border-color:#00d9ff66}.skill-cat-box.color-green{border-color:#27c93f66}.skill-cat-box.color-gold{border-color:#f2c94c66}.skill-cat-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.skill-cat-title-row{align-items:center;gap:8px;display:flex}.skill-cat-title-row h3{font-family:var(--font-display);color:#fff;letter-spacing:.5px;margin:0;font-size:9px}.skill-cat-box.color-red .skill-cat-title-row h3{color:var(--color-red)}.skill-cat-box.color-cyan .skill-cat-title-row h3{color:var(--color-cyan)}.skill-cat-box.color-green .skill-cat-title-row h3{color:var(--color-green)}.skill-cat-box.color-gold .skill-cat-title-row h3{color:var(--color-gold)}.btn-ver-detalle-img{cursor:pointer;opacity:.8;transition:opacity .2s}.btn-ver-detalle-img:hover{opacity:1}.skill-cat-subtitle{font-family:var(--font-pixel);color:var(--color-text-dim);border-bottom:1px dashed var(--color-border-hl);margin:0 0 16px;padding-bottom:12px;font-size:15px}.skill-cat-tech-list{flex-direction:column;flex:1;gap:14px;display:flex}.tech-item-row{align-items:flex-start;gap:12px;display:flex}.tech-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tech-item-info{flex-direction:column;gap:4px;display:flex}.tech-item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tech-item-name{font-family:var(--font-display);color:#fff;font-size:9px}.tech-item-extra-badge{font-family:var(--font-display);color:var(--color-cyan);border:1px solid var(--color-cyan);letter-spacing:.5px;background:#00d9ff1a;border-radius:2px;padding:2px 4px;font-size:6px}.tech-item-desc{font-family:var(--font-pixel);color:var(--color-silver);font-size:14px;line-height:1.3}.skill-cat-footer{border-top:1px dashed var(--color-border-hl);margin-top:20px;padding-top:14px}.skills-bottom-grid{grid-template-columns:2.2fr 1fr;gap:14px;display:grid}.loadout-box{background:var(--color-bg-card);border:1px dashed var(--color-border-hl);border-radius:6px;flex-direction:column;gap:18px;padding:20px 24px;display:flex}.loadout-left{flex-shrink:0;max-width:none}.loadout-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.loadout-icon{filter:grayscale()brightness(1.5);opacity:.7;font-size:16px}.loadout-header h4{font-family:var(--font-display);color:#fff;letter-spacing:.5px;margin:0;font-size:10px}.loadout-desc{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:15px;line-height:1.4}.loadout-content{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.loadout-col{border:1px solid var(--color-border);border-radius:6px;flex-direction:column;gap:10px;padding:10px 14px;display:flex}.loadout-col.color-red{border-color:#f556}.loadout-col.color-gold{border-color:#f2c94c66}.loadout-col.color-cyan{border-color:#00d9ff66}.loadout-col.color-green{border-color:#27c93f66}.loadout-label{font-family:var(--font-display);letter-spacing:1px;font-size:7.5px}.loadout-label.color-red{color:var(--color-red)}.loadout-label.color-gold{color:var(--color-gold)}.loadout-label.color-cyan{color:var(--color-cyan)}.loadout-label.color-green{color:var(--color-green)}.loadout-label.color-gold-dim{color:var(--color-gold-dim)}.loadout-items{align-items:center;gap:14px;display:flex}.loadout-item{align-items:center;gap:6px;display:flex}.loadout-item span{font-family:var(--font-display);color:#fff;font-size:8px}.principios-box{background:#bd93f90a;border:1px solid #bd93f940;border-radius:6px;padding:18px;position:relative;overflow:hidden}.principios-box h4{font-family:var(--font-display);color:var(--color-purple);letter-spacing:.5px;margin:0 0 14px;font-size:9.5px}.principios-list{font-family:var(--font-pixel);color:#fff;margin:0;padding:0 0 0 14px;font-size:16px;line-height:1.7}.principios-list li{margin-bottom:4px;list-style-type:"•  "}.principios-list li::marker{color:var(--color-purple)}.principios-icon{opacity:.8;position:absolute;bottom:12px;right:12px}.skills-legend-box{border-top:1px solid var(--color-border);align-items:center;gap:18px;padding-top:16px;display:flex}.legend-title{font-family:var(--font-display);color:var(--color-text-dim);text-transform:uppercase;letter-spacing:1px;font-size:7.5px}.legend-items{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.legend-item{flex-direction:column;gap:6px;max-width:220px;display:flex}.legend-item-title{font-family:var(--font-display);letter-spacing:.5px;align-items:center;gap:8px;font-size:9px;display:flex}.legend-item-title.color-gold{color:var(--color-gold)}.legend-item-title.color-purple{color:var(--color-purple)}.legend-item-title.color-cyan{color:var(--color-cyan)}.legend-item-title.color-silver{color:var(--color-silver)}.legend-item span{font-family:var(--font-pixel);color:var(--color-text-dim);font-size:15px}@media (max-width:900px){.portfolio-columns{flex-direction:column}.col-left{display:none}.col-left.mobile-open{z-index:100;width:240px;height:100%;display:flex;position:absolute;top:0;left:0;box-shadow:4px 0 20px #000c}.mobile-overlay{z-index:99;background:#000000b3;position:fixed;inset:0}.top-bar{flex-wrap:wrap;justify-content:center;gap:12px;padding:10px 40px 10px 10px}.mobile-menu-btn{color:var(--color-gold);cursor:pointer;z-index:10;background:0 0;border:none;font-size:20px;display:block;position:absolute;top:10px;right:12px}.achievements-grid,.skills-stats-row,.profile-stats-row,.skills-categories-grid,.projects-grid-v2{grid-template-columns:1fr!important}.skill-stat-card{border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:14px;border-right:none!important}.skill-stat-card:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none!important}.skills-bottom-grid{grid-template-columns:1fr!important}.skills-header-area{margin:-22px -22px 14px;padding:20px 24px}.loadout-box{align-items:flex-start}.loadout-content{flex-direction:column;align-items:flex-start}}@media (min-width:901px){.mobile-menu-btn,.mobile-overlay{display:none}}.exp-view-root{flex-direction:column;flex:1;min-height:0;display:flex}.exp-hero-area{flex-shrink:0;min-height:120px!important;margin:0!important;padding:24px 44px!important}.exp-tab-bar{border-bottom:1px solid var(--color-border);background:var(--color-bg-panel);flex-shrink:0;gap:0;display:flex}.exp-tab{font-family:var(--font-display);color:var(--color-silver);cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:8px;transition:all .15s}.exp-tab:hover{color:var(--color-text);background:#00d9ff0a}.exp-tab.active{color:var(--color-cyan);border-bottom-color:var(--color-cyan);background:#00d9ff0f}.exp-main-body{flex-direction:column;flex:1;min-height:0;display:flex}.exp-map-layout{height:100%;display:flex;overflow:hidden}.exp-map-left{border-right:1px solid var(--color-border);flex-direction:column;flex:1;display:flex;overflow:hidden}.exp-legend-img-wrapper{z-index:5;opacity:.9;border-radius:4px;position:absolute;top:20px;left:20px;box-shadow:0 4px 16px #00000080}.exp-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-green{background:var(--color-green);box-shadow:0 0 4px var(--color-green)}.dot-cyan{background:var(--color-cyan);box-shadow:0 0 4px var(--color-cyan)}.dot-gold{background:var(--color-gold);box-shadow:0 0 4px var(--color-gold)}.dot-lock{background:0 0;font-size:11px}.exp-map-container{flex:1;min-height:0;position:relative;overflow:hidden}.exp-map-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.exp-map-character{z-index:10;pointer-events:none;filter:drop-shadow(0 0 6px #fff6);position:absolute;transform:translate(-50%,-50%)}.exp-map-node{z-index:2;cursor:pointer;flex-direction:column;align-items:center;gap:4px;transition:transform .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.exp-map-node.selected{filter:drop-shadow(0 0 8px var(--color-cyan));transform:translate(-50%,-50%)scale(1.08)}.exp-map-node:hover{filter:drop-shadow(0 0 6px #ffffff4d);transform:translate(-50%,-50%)scale(1.05)}.exp-node-tooltip{border:1px solid var(--color-border-hl);z-index:10;pointer-events:none;text-align:center;background:#080b10d9;border-radius:4px;min-width:90px;padding:4px 6px;position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.exp-tooltip-role{font-family:var(--font-display);color:var(--color-cyan);margin-bottom:2px;font-size:5.5px}.exp-tooltip-company{font-family:var(--font-display);color:#fff;margin-bottom:2px;font-size:6px}.exp-tooltip-date{font-family:var(--font-pixel);color:var(--color-silver);font-size:8px}.exp-node-locked-label{font-family:var(--font-display);color:var(--color-text-dim);white-space:nowrap;margin-top:2px;font-size:7px}.exp-stats-bar{border-top:1px solid var(--color-border);background:#0c1118f2;flex-shrink:0;padding:10px 16px}.exp-stats-title{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.06em;margin-bottom:8px;font-size:7.5px}.exp-stats-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.exp-stat-item{flex-direction:row;flex:1;align-items:center;gap:8px;min-width:110px;display:flex}.exp-stat-text-group{flex-direction:column;gap:2px;display:flex}.exp-stat-value{font-family:var(--font-display);color:var(--color-gold);text-align:left;font-size:14px;line-height:1}.exp-stat-label{font-family:var(--font-pixel);color:var(--color-text-dim);text-align:left;white-space:pre-line;font-size:11px;line-height:1.3}.exp-sidebar{background:var(--color-bg-panel);flex-direction:column;flex-shrink:0;width:300px;min-width:240px;display:flex;overflow:hidden auto}.exp-sidebar::-webkit-scrollbar{width:3px}.exp-sidebar::-webkit-scrollbar-track{background:0 0}.exp-sidebar::-webkit-scrollbar-thumb{background:var(--color-border-hl)}.exp-sidebar-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding:12px 14px;display:flex}.exp-sidebar-label{font-family:var(--font-display);color:var(--color-text-dim);letter-spacing:.08em;text-transform:uppercase;font-size:7.5px}.exp-current-card{background:#ff55550a;border-bottom-color:#f553}.exp-current-header{align-items:center;gap:10px;display:flex}.exp-current-company{font-family:var(--font-display);color:var(--color-gold);font-size:11px;line-height:1.3}.exp-current-role{font-family:var(--font-pixel);color:var(--color-text);margin:2px 0;font-size:15px}.exp-current-status{font-family:var(--font-display);color:var(--color-green);align-items:center;gap:5px;font-size:7px;display:flex}.exp-current-meta{font-family:var(--font-display);color:var(--color-text-dim);flex-wrap:wrap;gap:10px;font-size:7px;display:flex}.exp-mission-text{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:15px;line-height:1.5}.exp-tech-tags{flex-wrap:wrap;gap:5px;display:flex}.exp-tech-tag{font-family:var(--font-display);color:var(--color-cyan);letter-spacing:.03em;background:#00d9ff12;border:1px solid #00d9ff33;padding:3px 7px;font-size:7px}.exp-achievements-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.exp-achievements-list li{font-family:var(--font-pixel);color:var(--color-text-dim);align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.4;display:flex}.exp-ach-star{flex-shrink:0;font-size:14px;line-height:1.4}.star-gold{color:var(--color-gold)}.star-cyan{color:var(--color-cyan)}.exp-xp-section{gap:6px;transition:transform .2s,filter .2s}@keyframes levelUpFlash{0%{filter:drop-shadow(0 0 #f2c94c00);transform:scale(1)}30%{filter:drop-shadow(0 0 15px #f2c94ccc);transform:scale(1.03)}to{filter:drop-shadow(0 0 #f2c94c00);transform:scale(1)}}.level-up-flash{animation:.6s ease-out levelUpFlash}.exp-xp-value{font-family:var(--font-display);color:var(--color-gold);font-size:14px}.exp-xp-bar-wrap{background:var(--color-border);border-radius:3px;height:6px;overflow:hidden}.exp-xp-bar-fill{background:linear-gradient(to right, var(--color-gold), #fd8);border-radius:3px;height:100%}.exp-xp-meta{font-family:var(--font-display);color:var(--color-text-dim);justify-content:space-between;font-size:7px;display:flex}.exp-quote{font-family:var(--font-pixel);color:var(--color-text-dim);border-left:2px solid var(--color-border-hl);margin:4px 0 0;padding-left:8px;font-size:14px;font-style:italic;line-height:1.5}.exp-timeline-wrap{height:100%;padding:20px 28px;overflow-y:auto}.exp-timeline-wrap::-webkit-scrollbar{width:3px}.exp-timeline-wrap::-webkit-scrollbar-thumb{background:var(--color-border-hl)}.exp-timeline{flex-direction:column;gap:0;display:flex}.exp-tl-item{gap:16px;display:flex}.exp-tl-left{flex-direction:column;flex-shrink:0;align-items:center;width:16px;display:flex}.exp-tl-dot{background:var(--color-border-hl);border:2px solid var(--color-border);border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:4px}.exp-tl-dot.active{background:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 8px #00d9ff80}.exp-tl-line{background:var(--color-border);flex:1;width:2px;min-height:20px;margin:4px 0}.exp-tl-card{background:var(--color-bg-card);border:1px solid var(--color-border);flex-direction:column;flex:1;gap:8px;margin-bottom:12px;padding:12px 14px;display:flex}.exp-tl-item.active .exp-tl-card{background:#00d9ff08;border-color:#00d9ff4d}.exp-tl-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.exp-tl-role{font-family:var(--font-display);color:#fff;font-size:9.5px}.exp-tl-company{font-family:var(--font-display);margin-top:2px;font-size:8px}.exp-tl-date{font-family:var(--font-display);color:var(--color-text-dim);white-space:nowrap;flex-shrink:0;font-size:7px}.exp-tl-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.exp-tl-list li{font-family:var(--font-pixel);color:var(--color-text-dim);gap:8px;font-size:14.5px;line-height:1.4;display:flex}.exp-tl-list li span:first-child{color:var(--color-cyan);flex-shrink:0}.exp-tl-tech{flex-wrap:wrap;gap:5px;display:flex}.exp-logros-wrap{grid-template-columns:repeat(3,1fr);align-content:start;gap:12px;height:100%;padding:20px 28px;display:grid;overflow-y:auto}.exp-logros-wrap::-webkit-scrollbar{width:3px}.exp-logros-wrap::-webkit-scrollbar-thumb{background:var(--color-border-hl)}.exp-logro-card{height:auto}@media (max-width:900px){.exp-view-root{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.exp-map-layout{flex-direction:column;height:auto;overflow:visible}.exp-map-left{border-right:none;border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;flex-direction:column;width:100%;display:flex;overflow:auto hidden}.exp-map-left::-webkit-scrollbar{height:4px}.exp-map-left::-webkit-scrollbar-track{background:0 0}.exp-map-left::-webkit-scrollbar-thumb{background:var(--color-border-hl);border-radius:2px}.exp-map-container{flex-shrink:0;width:850px;height:400px;min-height:400px;position:relative}.exp-stats-bar{flex-shrink:0;width:850px}.exp-sidebar{width:100%;min-width:unset;border-top:1px solid var(--color-border);max-height:none;overflow:visible}.exp-timeline-wrap{height:auto;overflow:visible}.exp-logros-wrap{grid-template-columns:repeat(2,1fr);height:auto;overflow:visible}}@media (max-width:600px){.exp-logros-wrap{grid-template-columns:1fr;height:auto;overflow:visible}.exp-stats-row{gap:8px}}.contact-view-root{z-index:1;flex-direction:column;height:100%;padding:24px;display:flex;position:relative}.contact-hero{justify-content:space-between;align-items:center;gap:12px;min-height:180px;margin:-22px -22px 12px;padding:52px 44px;display:flex;position:relative;overflow:hidden}.contact-hero-content{z-index:2;max-width:600px;position:relative}.contact-hero-title-container{align-items:center;gap:10px;margin-bottom:8px;display:flex}.contact-hero-icon{width:26px;height:26px;position:relative}.contact-hero-title-container h2{font-family:var(--font-display);color:#fff;letter-spacing:1px;margin:0;font-size:18px}.contact-hero-desc{font-family:var(--font-pixel);color:var(--color-text-dim);margin:0;font-size:18px;line-height:1.5}.contact-hero-bg{z-index:0;pointer-events:none;opacity:.85;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;-webkit-mask-composite:source-in;width:55%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(270deg,#000 40%,#0000 100%),linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(270deg,#000 40%,#0000 100%),linear-gradient(#000 60%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.contact-hero-bg img{object-fit:cover;object-position:right center;width:100%;height:100%;image-rendering:pixelated}.contact-content-grid{z-index:2;align-items:stretch;gap:24px;display:flex;position:relative}.contact-form-col{flex-direction:column;flex:1.2;max-width:520px;padding-bottom:20px;display:flex}.contact-form-frame{background:#0a0f1966;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;position:relative;box-shadow:inset 0 0 20px #00000080,0 4px 12px #00000080}.color-gold{color:var(--color-gold)}.color-purple{color:var(--color-purple)}.contact-col-title{font-family:var(--font-display);text-transform:uppercase;text-shadow:1px 1px #000;margin:0;font-size:14px}.contact-form-group{flex-direction:column;gap:6px;display:flex;position:relative}.contact-form-label{font-family:var(--font-pixel);color:var(--color-gold);text-shadow:1px 1px #000;font-size:18px}.contact-form-input-wrap{border:1px solid var(--color-border);background:#0a0f1999;border-radius:4px;align-items:center;padding:8px 10px;transition:border-color .2s,box-shadow .2s;display:flex}.contact-form-input-wrap:focus-within{border-color:var(--color-gold);box-shadow:0 0 0 1px #d4af374d,0 0 8px #d4af3733}.contact-form-icon{flex-shrink:0;width:20px;height:20px;margin-right:10px;position:relative}.contact-form-input-wrap input,.contact-form-input-wrap textarea{color:#fff;font-family:var(--font-pixel);background:0 0;border:none;outline:none;width:100%;font-size:16px}.contact-form-input-wrap textarea{resize:none;min-height:60px}.contact-form-input-wrap input::placeholder,.contact-form-input-wrap textarea::placeholder{color:var(--color-text-dim)}.contact-submit-btn{color:#fff;font-family:var(--font-display);cursor:pointer;text-shadow:1px 1px #000;background:linear-gradient(#184b9e 0%,#0d2850 100%);border:2px solid #3a7bd5;border-radius:4px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:10px;font-size:11px;transition:all .15s;display:flex;box-shadow:0 4px #081a33,0 0 12px #3a7bd599}.contact-submit-btn:hover{background:linear-gradient(#225cc2 0%,#113468 100%);transform:translateY(2px);box-shadow:0 2px #081a33,0 0 20px #3a7bd5e6}.contact-submit-btn:active{box-shadow:none;transform:translateY(4px)}.contact-btn-icon{width:20px;height:16px;position:relative}.contact-form-footer-note{text-align:center;font-family:var(--font-pixel);color:var(--color-gold-dim);text-shadow:1px 1px #000;margin-top:6px;font-size:14px}.contact-other-col{flex-direction:column;flex:1.5;gap:16px;display:flex}.contact-other-frame{background:#0a0f1966;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;padding:24px;display:flex;box-shadow:inset 0 0 20px #00000080,0 4px 12px #00000080}.contact-channels-title{font-family:var(--font-display);color:var(--color-cyan);text-align:center;letter-spacing:.12em;text-shadow:0 0 10px #00d9ff66;justify-content:center;align-items:center;gap:8px;margin-bottom:22px;font-size:13.5px;display:flex}.contact-channels-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.contact-channel-card{background:#0408108c;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:12px;min-height:140px;padding:16px;transition:all .25s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;box-shadow:inset 0 0 15px #000c,0 4px 10px #0006}.contact-channel-card.theme-blue{border-color:#3a7bd540}.contact-channel-card.theme-blue:hover{border-color:#3a7bd5;transform:translateY(-3px);box-shadow:0 0 16px #3a7bd559,inset 0 0 16px #3a7bd533}.contact-channel-card.theme-green{border-color:#2ecc7140}.contact-channel-card.theme-green:hover{border-color:#2ecc71;transform:translateY(-3px);box-shadow:0 0 16px #2ecc7159,inset 0 0 16px #2ecc7133}.contact-channel-card.theme-purple{border-color:#9b59b640}.contact-channel-card.theme-purple:hover{border-color:#9b59b6;transform:translateY(-3px);box-shadow:0 0 16px #9b59b659,inset 0 0 16px #9b59b633}.contact-channel-header{align-items:center;gap:12px;display:flex}.contact-channel-icon-wrap{background:#020408b3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.theme-blue .contact-channel-icon-wrap{color:#3a7bd5;filter:drop-shadow(0 0 4px #3a7bd566);border-color:#3a7bd5}.theme-green .contact-channel-icon-wrap{color:#2ecc71;filter:drop-shadow(0 0 4px #2ecc7166);border-color:#2ecc71}.theme-purple .contact-channel-icon-wrap{color:#9b59b6;filter:drop-shadow(0 0 4px #9b59b666);border-color:#9b59b6}.contact-channel-card:hover .contact-channel-icon-wrap{transform:scale(1.05)}.contact-channel-header-text{flex-direction:column;gap:2px;min-width:0;display:flex}.contact-channel-badge{font-family:var(--font-pixel);letter-spacing:.04em;text-shadow:1px 1px #000;border:1px solid;border-radius:3px;width:fit-content;padding:1px 6px;font-weight:700;font-size:8px!important}.theme-blue .contact-channel-badge{color:#4dc4e6;background:#3a7bd51a;border-color:#3a7bd599}.theme-green .contact-channel-badge{color:#58d68d;background:#2ecc711a;border-color:#2ecc7199}.theme-purple .contact-channel-badge{color:#c39bd3;background:#9b59b61a;border-color:#9b59b699}.contact-channel-label{font-family:var(--font-display);color:#fff;letter-spacing:.08em;text-shadow:1px 1px #000;margin:0;font-size:12px}.contact-channel-value{font-family:var(--font-pixel);text-align:center;word-break:break-all;text-shadow:1px 1px #000;margin-top:auto;font-size:13.5px;line-height:1.25}.contact-channel-value a{color:var(--color-cyan);text-decoration:none;transition:all .15s}.contact-channel-value a:hover{color:#fff;text-shadow:0 0 8px #00d9ff99,1px 1px #000}.contact-channel-value span{color:#fff}.contact-channel-desc{font-family:var(--font-pixel);color:var(--color-text-dim);text-align:center;text-shadow:1px 1px #000;margin-top:1px;font-size:11px}@media (max-width:900px){.contact-channels-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:550px){.contact-channels-grid{grid-template-columns:1fr}}.contact-footer-character{border:1px solid var(--color-border);background:#0a0f19b3;border-radius:8px;justify-content:space-between;align-items:flex-end;gap:0;min-height:120px;padding:0 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000080}.contact-footer-left-img{filter:drop-shadow(0 4px 12px #000000b3);flex-shrink:0;width:100px;height:120px;position:relative}.contact-footer-right-img{filter:drop-shadow(0 4px 12px #000000b3);flex-shrink:0;width:110px;height:110px;position:relative}.contact-footer-quote{font-family:var(--font-pixel);color:var(--color-text-dim);text-align:center;flex:1;margin:0;padding:20px 16px;font-size:20px;line-height:1.4}.contact-footer-quote span{color:var(--color-cyan);margin-top:4px;font-size:22px;display:block}@media (max-width:1200px){.contact-content-grid{flex-direction:column}.contact-form-col{max-width:100%}}@media (max-width:768px){.contact-hero-title-container h1{font-size:28px}.contact-other-frame{grid-template-columns:repeat(2,1fr);padding:55px 20px 20px}}.contact-submit-btn:disabled{opacity:.65;cursor:not-allowed!important;background:linear-gradient(#2c2c2c 0%,#151515 100%)!important;border-color:#4a4a4a!important;transform:none!important;box-shadow:0 4px #0f0f0f!important}.contact-status-alert{font-family:var(--font-pixel);text-align:center;text-shadow:1px 1px #000;border:1px solid;border-radius:4px;padding:10px 14px;font-size:13px;animation:.2s forwards fade-in}.contact-status-alert.error{color:#ff6b6b;background:#dc354526;border-color:#dc3545;box-shadow:0 0 10px #dc354533}.contact-status-dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;background:#040810e0;border-radius:8px;justify-content:center;align-items:center;padding:16px;animation:.2s forwards fade-in;display:flex;position:absolute;inset:0}.contact-status-dialog{border:2px solid var(--color-gold);text-align:center;background:#0d1a33;border-radius:6px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:310px;padding:22px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards scale-up;display:flex;box-shadow:0 0 20px #d4af3759,inset 0 0 10px #d4af3726}.contact-status-icon{font-size:36px;line-height:1}.contact-status-title{font-family:var(--font-display);color:var(--color-gold);letter-spacing:.08em;text-shadow:1px 1px #000;margin:0;font-size:14px}.contact-status-text{font-family:var(--font-pixel);color:var(--color-text-dim);text-shadow:1px 1px #000;margin:0;font-size:13px;line-height:1.35}.contact-status-btn{color:#000;font-family:var(--font-display);cursor:pointer;background:linear-gradient(#d4af37 0%,#8c6a2c 100%);border:1px solid #ffebad;border-radius:4px;padding:7px 18px;font-size:9px;font-weight:700;transition:all .1s;box-shadow:0 3px #5e461b,0 0 8px #d4af374d}.contact-status-btn:hover{background:linear-gradient(#ffe066 0%,#aa8033 100%);transform:translateY(1px);box-shadow:0 2px #5e461b,0 0 12px #d4af3780}.contact-status-btn:active{box-shadow:none;transform:translateY(3px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}