:root{--surface:#fcf9f8;--surface-container:#f0eded;--surface-container-high:#eae7e7;--surface-variant:#e5e2e1;--background:#fcf9f8;--on-surface:#1c1b1b;--on-surface-variant:#5c3f45;--on-background:#1c1b1b;--primary:#b60055;--primary-container:#e4006c;--on-primary:#fff;--primary-fixed:#ffd9e0;--primary-fixed-dim:#ffb1c3;--secondary:#006877;--secondary-container:#00e0ff;--secondary-fixed:#a5eeff;--secondary-fixed-dim:#00daf8;--tertiary:#705d00;--tertiary-container:#c9a800;--tertiary-fixed:#ffe170;--outline:#906e75;--error:#ba1a1a;--inverse-surface:#313030;--inverse-on-surface:#f3f0ef;--shadow-hard:8px 8px 0px 0px #1c1b1b;--shadow-hard-primary:8px 8px 0px 0px #b60055;--shadow-hard-secondary:8px 8px 0px 0px #006877;--shadow-hard-tertiary:8px 8px 0px 0px #705d00;--font-display:"Syne", sans-serif;--font-body:"Be Vietnam Pro", sans-serif;--font-label:"Space Grotesk", sans-serif;--base:8px;--gutter:24px;--section-gap:120px;--container-max:1440px;--margin-desktop:60px;--margin-mobile:20px;--radius:.25rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.34, 1.56, .64, 1);--transition:.35s cubic-bezier(.34, 1.56, .64, 1);--transition-slow:.5s cubic-bezier(.34, 1.56, .64, 1);--border-bold:3px solid #1c1b1b;--border-bold-thick:4px solid #1c1b1b;--gradient-primary:linear-gradient(135deg, #b60055, #e4006c);--gradient-accent:linear-gradient(135deg, #b60055, #00e0ff);--gradient-warm:linear-gradient(135deg, #e4006c, #ffe170);--blob-primary:#e6006c14;--blob-secondary:#00e0ff14;--blob-tertiary:#ffe17014}[data-theme=dark]{--surface:#1c1b1b;--surface-container:#282627;--surface-container-high:#333031;--surface-variant:#504446;--background:#1c1b1b;--on-surface:#f3f0ef;--on-surface-variant:#ddc2c5;--on-background:#f3f0ef;--primary:#ffb1c3;--primary-container:#b60055;--primary-fixed:#ffd9e0;--primary-fixed-dim:#ffb1c3;--secondary:#00e0ff;--secondary-container:#006877;--secondary-fixed:#a5eeff;--tertiary:#ffe170;--tertiary-container:#705d00;--tertiary-fixed:#ffe170;--outline:#b68a90;--inverse-surface:#f3f0ef;--inverse-on-surface:#1c1b1b;--shadow-hard:8px 8px 0px 0px #000;--shadow-hard-primary:8px 8px 0px 0px #ffb1c3;--shadow-hard-secondary:8px 8px 0px 0px #00e0ff;--shadow-hard-tertiary:8px 8px 0px 0px #ffe170;--border-bold:3px solid #000;--border-bold-thick:4px solid #000;--blob-primary:#ffb1c30f;--blob-secondary:#00e0ff0f;--blob-tertiary:#ffe1700f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}.mesh-bg{z-index:-1;pointer-events:none;background:radial-gradient(80% 60% at 10% 20%,#ff82aa59 0%,#0000 60%),radial-gradient(70% 50% at 85% 10%,#ffbe784d 0%,#0000 55%),radial-gradient(60% 55% at 50% 40%,#ffdca047 0%,#0000 50%),radial-gradient(75% 60% at 20% 70%,#ffa0c840 0%,#0000 55%),radial-gradient(65% 50% at 80% 65%,#ffc88c47 0%,#0000 50%),radial-gradient(50% 45% at 40% 85%,#fab4d238 0%,#0000 50%),radial-gradient(90% 70% at 60% 15%,#ffaa8238 0%,#0000 60%),linear-gradient(160deg,#fef5f8 0%,#fef3ec 25%,#fefaf0 50%,#fef0f4 75%,#fef8fa 100%);position:fixed;inset:0;overflow:hidden}.mesh-blob{will-change:transform;border-radius:50%;position:absolute}.mesh-blob--1{filter:blur(100px);background:radial-gradient(circle,#ff649666 0%,#ff96b42e 40%,#0000 70%);width:900px;height:900px;top:-20%;left:-15%}.mesh-blob--2{filter:blur(90px);background:radial-gradient(circle,#ffb46459 0%,#ffc88c26 40%,#0000 70%);width:800px;height:800px;top:-5%;right:-15%}.mesh-blob--3{filter:blur(100px);background:radial-gradient(circle,#ffd29652 0%,#ffe6b41f 45%,#0000 70%);width:700px;height:700px;top:25%;left:10%}.mesh-blob--4{filter:blur(95px);background:radial-gradient(circle,#ff82aa4d 0%,#ffaabe1f 40%,#0000 70%);width:850px;height:850px;top:40%;right:5%}.mesh-blob--5{filter:blur(100px);background:radial-gradient(circle,#faa0c852 0%,#ffbed21f 45%,#0000 70%);width:750px;height:750px;top:60%;left:-12%}.mesh-blob--6{filter:blur(90px);background:radial-gradient(circle,#ffc37852 0%,#ffd7a01f 40%,#0000 70%);width:650px;height:650px;top:75%;right:-5%}.mesh-blob--7{filter:blur(80px);background:radial-gradient(circle,#fff0c859 0%,#ffc8aa26 40%,#0000 70%);width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .mesh-bg{background:radial-gradient(80% 60% at 10% 20%,#b4325a26 0%,#0000 60%),radial-gradient(70% 50% at 85% 10%,#b4783c1f 0%,#0000 55%),radial-gradient(60% 55% at 50% 40%,#a082461a 0%,#0000 50%),radial-gradient(75% 60% at 20% 70%,#a0466e1a 0%,#0000 55%),radial-gradient(65% 50% at 80% 65%,#aa6e3c1a 0%,#0000 50%),linear-gradient(160deg,#1a1018 0%,#1c1510 25%,#1a1812 50%,#1a1218 75%,#181418 100%)}[data-theme=dark] .mesh-blob--1{background:radial-gradient(circle,#c83c6e2e 0%,#b4507812 40%,#0000 70%)}[data-theme=dark] .mesh-blob--2{background:radial-gradient(circle,#c88c4626 0%,#b482500f 40%,#0000 70%)}[data-theme=dark] .mesh-blob--3{background:radial-gradient(circle,#c8aa5a1f 0%,#0000 70%)}[data-theme=dark] .mesh-blob--4{background:radial-gradient(circle,#b4466e1f 0%,#0000 70%)}[data-theme=dark] .mesh-blob--5{background:radial-gradient(circle,#aa5a821f 0%,#0000 70%)}[data-theme=dark] .mesh-blob--6{background:radial-gradient(circle,#b4823c1f 0%,#0000 70%)}[data-theme=dark] .mesh-blob--7{background:radial-gradient(circle,#c8aa6e1a 0%,#0000 70%)}body{font-family:var(--font-body);color:var(--on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;font-size:16px;font-weight:400;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::selection{background:var(--primary-container);color:var(--on-primary)}.container{max-width:var(--container-max);padding:0 var(--margin-desktop);margin:0 auto}@media (width<=768px){.container{padding:0 var(--margin-mobile)}}.display-xl{font-family:var(--font-display);letter-spacing:-.04em;font-size:96px;font-weight:800;line-height:1}.headline-lg{font-family:var(--font-display);font-size:48px;font-weight:700;line-height:1.1}.body-lg{font-family:var(--font-body);font-size:20px;font-weight:400;line-height:1.6}.body-md{font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.6}.label-bold{font-family:var(--font-label);letter-spacing:.05em;font-size:14px;font-weight:700;line-height:1.2}@media (width<=768px){.display-xl{letter-spacing:-.02em;font-size:56px}.headline-lg{font-size:32px}.body-lg{font-size:18px}}section{padding:var(--section-gap) 0;position:relative}.section-label{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--primary);border:var(--border-bold);background:var(--tertiary-fixed);box-shadow:var(--shadow-hard);transition:var(--transition);align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-flex;transform:rotate(-1deg)}.section-label:hover{transform:rotate(1deg)scale(1.03)}.section-title{font-family:var(--font-display);margin-bottom:48px;font-size:48px;font-weight:700;line-height:1.1;position:relative}.section-title .highlight{color:var(--primary-container);display:inline-block;position:relative}.section-title .highlight:after{content:"";background:var(--tertiary-fixed);z-index:-1;border:2px solid #1c1b1b;height:8px;position:absolute;bottom:4px;left:0;right:0}@media (width<=768px){section{padding:64px 0}.section-title{margin-bottom:32px;font-size:32px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid #1c1b1b;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--primary-container)}.blob-deco{pointer-events:none;z-index:0;filter:blur(60px);opacity:.6;border-radius:50%;width:600px;height:600px;position:absolute}.blob-deco--pink{background:var(--blob-primary);animation:12s ease-in-out infinite blobFloat;top:-200px;right:-200px}.blob-deco--blue{background:var(--blob-secondary);animation:15s ease-in-out infinite reverse blobFloat;bottom:-200px;left:-200px}.blob-deco--yellow{background:var(--blob-tertiary);animation:18s ease-in-out infinite blobFloat;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,30px)scale(.9)}}.blob-svg{pointer-events:none;z-index:0;opacity:.06;position:absolute}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.34,1.56,.64,1);transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.34,1.56,.64,1);transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.34,1.56,.64,1);transform:translate(40px)}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.34,1.56,.64,1);transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.wave-item{opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.34,1.56,.64,1);transform:translateY(30px)scale(.9)}.wave-item.wave-pop{opacity:1;transform:translateY(0)scale(1)}.sticker-rotate-left{transition:var(--transition)}.sticker-rotate-left:hover{transform:rotate(-3deg)scale(1.02)}.sticker-rotate-right{transition:var(--transition)}.sticker-rotate-right:hover{transform:rotate(3deg)scale(1.02)}.shadow-hard{box-shadow:var(--shadow-hard)}.shadow-hard-primary{box-shadow:var(--shadow-hard-primary)}.shadow-hard-secondary{box-shadow:var(--shadow-hard-secondary)}.shadow-hard-tertiary{box-shadow:var(--shadow-hard-tertiary)}.navbar{z-index:1000;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{background:color-mix(in srgb, var(--surface) 75%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-bold);box-shadow:var(--shadow-hard);padding:12px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.03em;color:var(--on-surface);border:var(--border-bold);background:var(--tertiary-fixed);box-shadow:var(--shadow-hard);transition:var(--transition);padding:4px 12px;font-size:1.75rem;font-weight:800;line-height:1;position:relative}.logo:hover{transform:rotate(-2deg)scale(1.03);box-shadow:6px 6px #1c1b1b}.logo .dot{color:var(--primary-container)}.nav-links{align-items:center;gap:8px;display:flex}.nav-link{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);transition:var(--transition-fast);border:2px solid #0000;padding:8px 16px;font-size:14px;font-weight:700;position:relative}.nav-link:hover{color:var(--on-surface);background:var(--tertiary-fixed);border:2px solid #1c1b1b;transform:translate(-2px,-2px);box-shadow:4px 4px #1c1b1b}.nav-right{align-items:center;gap:12px;display:flex}.theme-toggle{border:var(--border-bold);background:var(--surface);width:44px;height:44px;color:var(--on-surface);box-shadow:var(--shadow-hard);transition:var(--transition-fast);justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:relative}.theme-toggle:hover{background:var(--tertiary-fixed);transform:rotate(15deg)scale(1.05)}.theme-toggle:active{transform:translate(4px,4px);box-shadow:0 0 #1c1b1b}.hamburger{cursor:pointer;background:0 0;background:var(--surface);border:none;border:var(--border-bold);box-shadow:var(--shadow-hard);flex-direction:column;gap:6px;padding:8px;display:none}.hamburger span{background:var(--on-surface);width:26px;height:3px;transition:var(--transition-fast);border-radius:0;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (width<=768px){.nav-links{background:var(--surface);border-left:var(--border-bold-thick);width:300px;height:100vh;transition:var(--transition);flex-direction:column;justify-content:center;gap:16px;padding:80px 32px;position:fixed;top:0;right:-100%;box-shadow:-8px 0 #1c1b1b}.nav-links.open{right:0}.nav-link{padding:12px 20px;font-size:18px}.hamburger{display:flex}}.btn{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.03em;border:var(--border-bold-thick);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:10px;padding:16px 32px;font-size:18px;font-weight:700;line-height:1;display:inline-flex;position:relative}.btn:active{transform:translate(4px,4px);box-shadow:0 0 #1c1b1b!important}.btn-primary{background:var(--primary-container);color:var(--on-primary);box-shadow:var(--shadow-hard)}.btn-primary:hover{background:var(--primary);transform:scale(1.05)translate(-2px,-2px);box-shadow:10px 10px #1c1b1b}.btn-secondary{background:var(--surface);color:var(--on-surface);box-shadow:var(--shadow-hard);border-color:#1c1b1b}.btn-secondary:hover{background:var(--tertiary-fixed);transform:scale(1.05)translate(-2px,-2px);box-shadow:10px 10px #1c1b1b}.btn-outline{color:var(--on-surface);border:var(--border-bold-thick);box-shadow:var(--shadow-hard);background:0 0}.btn-outline:hover{background:var(--surface);transform:scale(1.05)translate(-2px,-2px);box-shadow:10px 10px #1c1b1b}.btn-sm{padding:12px 24px;font-size:14px}.hero{background:0 0;align-items:center;min-height:100vh;padding-top:100px;display:flex;position:relative;overflow:hidden}.hero-container{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid;position:relative}.hero-badge{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;border:var(--border-bold);background:var(--tertiary-fixed);box-shadow:var(--shadow-hard);transition:var(--transition);align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:14px;font-weight:700;display:inline-flex}.hero-badge:hover{transform:rotate(-2deg)}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--on-surface);margin-bottom:24px;font-size:72px;font-weight:800;line-height:1.05}.hero-title .highlight{color:var(--primary-container);display:inline-block;position:relative}.hero-title .highlight:after{content:"";background:var(--tertiary-fixed);z-index:-1;border:2px solid #1c1b1b;height:12px;position:absolute;bottom:6px;left:-4px;right:-4px}.hero-desc{font-family:var(--font-body);color:var(--on-surface-variant);max-width:560px;margin-bottom:32px;font-size:20px;font-weight:400;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:48px;display:flex}.hero-stats{gap:32px;display:flex}.stat-item{border:var(--border-bold);background:var(--surface);box-shadow:var(--shadow-hard);transition:var(--transition);min-width:120px;padding:12px 20px;position:relative}.stat-item:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #1c1b1b}.stat-number{font-family:var(--font-display);color:var(--primary-container);font-size:2rem;font-weight:800;line-height:1;display:block}.stat-label{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:4px;font-size:12px;font-weight:700;display:block}.hero-visual{justify-content:center;align-items:center;min-height:450px;display:flex;position:relative}.hero-frame{z-index:1;border:5px solid var(--on-surface);box-shadow:var(--shadow-hard-primary);background:var(--surface-container);border-radius:var(--radius-xl);width:100%;max-width:380px;padding:8px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative;transform:rotate(2deg)}.hero-frame:hover{transform:rotate(0)scale(1.02)}.hero-avatar{border-radius:calc(var(--radius-xl) - 4px);width:100%;height:auto;display:block;overflow:hidden}.hero-float-icon{z-index:2;background:var(--primary-container);width:64px;height:64px;color:var(--on-primary);border:3px solid var(--on-surface);box-shadow:var(--shadow-hard);border-radius:50%;justify-content:center;align-items:center;animation:2s ease-in-out infinite heroBounce;display:flex;position:absolute;top:-24px;right:-24px}.hero-float-icon .material-symbols-outlined{font-size:32px}@keyframes heroBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-platform-grid{display:none}.hero-platform-item{transition:var(--transition);display:none;position:relative}@media (width<=968px){.hero-container{grid-template-columns:1fr;gap:40px}.hero-title{font-size:48px}.hero-visual{min-height:300px}.hero-frame{max-width:300px;margin:0 auto}.hero-stats{flex-wrap:wrap;gap:16px}.stat-item{flex:1;min-width:100px}}@media (width<=480px){.hero-title{font-size:36px}.hero-desc{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-stats{flex-direction:column;gap:12px}}.about{position:relative;overflow:hidden}.about-grid{z-index:1;grid-template-columns:1.2fr 1fr;gap:60px;display:grid;position:relative}.about-text p{font-family:var(--font-body);color:var(--on-surface-variant);margin-bottom:20px;font-size:18px;font-weight:400;line-height:1.7}.about-skills{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.skill-chip{border:var(--border-bold);background:var(--surface);font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;transition:var(--transition-fast);cursor:default;align-items:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:4px 4px #1c1b1b}.skill-chip:hover{background:var(--primary-fixed);transform:translate(-2px,-2px)rotate(-2deg);box-shadow:6px 6px #1c1b1b}.skill-chip:nth-child(3n):hover{background:var(--secondary-fixed);transform:translate(-2px,-2px)rotate(2deg)}.skill-chip:nth-child(4n):hover{background:var(--tertiary-fixed)}.about-platforms h3{font-family:var(--font-display);color:var(--on-surface);margin-bottom:20px;font-size:24px;font-weight:700}.platform-cards{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-card{border:var(--border-bold);background:var(--surface);transition:var(--transition-fast);cursor:default;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:4px 4px #1c1b1b}.platform-card:hover{background:var(--surface-container);transform:translate(-2px,-2px);box-shadow:6px 6px #1c1b1b}.platform-card i{text-align:center;width:24px;font-size:1.3rem}.platform-card:first-child i{color:#000}.platform-card:nth-child(2) i{color:#e4405f}.platform-card:nth-child(3) i{color:red}.platform-card:nth-child(4) i{color:#1877f2}.platform-card:nth-child(5) i{color:#0a66c2}.platform-card:nth-child(6) i{color:#000}.platform-card span{font-family:var(--font-label);letter-spacing:.03em;text-transform:uppercase;color:var(--on-surface);font-size:13px;font-weight:700}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}.platform-cards{grid-template-columns:1fr 1fr}}.work{position:relative;overflow:hidden}.filter-tabs{z-index:1;flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex;position:relative}.filter-btn{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;border:var(--border-bold);background:var(--surface);color:var(--on-surface-variant);transition:var(--transition-fast);cursor:pointer;padding:12px 24px;font-size:14px;font-weight:700;box-shadow:4px 4px #1c1b1b}.filter-btn:hover{background:var(--surface-container-high);color:var(--on-surface);transform:translate(-2px,-2px);box-shadow:6px 6px #1c1b1b}.filter-btn.active{background:var(--primary-container);color:var(--on-primary);box-shadow:var(--shadow-hard)}.filter-btn.active:hover{background:var(--primary);box-shadow:10px 10px #1c1b1b}.portfolio-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;display:grid;position:relative}.portfolio-item{background:var(--surface);border:var(--border-bold-thick);box-shadow:var(--shadow-hard);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.portfolio-item:hover{transform:rotate(-2deg)scale(1.02);box-shadow:12px 12px #1c1b1b}.portfolio-item:nth-child(2n):hover{transform:rotate(2deg)scale(1.02)}.portfolio-item.hidden{display:none}.portfolio-thumb{aspect-ratio:4/3;background:var(--surface-container);border-bottom:var(--border-bold);position:relative;overflow:hidden}.portfolio-thumb img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow)}.portfolio-item:hover .portfolio-thumb img{transform:scale(1.08)}.portfolio-type-badge{font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase;z-index:2;border:2px solid #1c1b1b;padding:6px 14px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:3px 3px #1c1b1b}.portfolio-type-badge.video{background:var(--primary-container);color:var(--on-primary)}.portfolio-type-badge.poster{background:var(--secondary-container);color:var(--on-surface)}.portfolio-play-overlay{opacity:0;transition:var(--transition);z-index:3;background:#00000059;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio-item:hover .portfolio-play-overlay{opacity:1}.portfolio-play-btn{border:var(--border-bold-thick);background:var(--surface);width:64px;height:64px;color:var(--primary-container);box-shadow:var(--shadow-hard);transition:var(--transition-fast);justify-content:center;align-items:center;font-size:1.5rem;display:flex;transform:scale(.8)}.portfolio-item:hover .portfolio-play-btn{transform:scale(1)}.portfolio-play-btn:hover{background:var(--primary-container);color:var(--on-primary);transform:scale(1.1)!important}.portfolio-body{padding:20px 20px 24px}.portfolio-body-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.portfolio-body h3{font-family:var(--font-display);color:var(--on-surface);flex:1;font-size:18px;font-weight:700;line-height:1.2}.portfolio-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.niche-tag{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;background:var(--tertiary-fixed);border:2px solid #1c1b1b;align-items:center;gap:4px;padding:4px 12px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:2px 2px #1c1b1b}.platform-tag{font-family:var(--font-label);letter-spacing:.03em;text-transform:uppercase;background:var(--surface);border:2px solid #1c1b1b;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:2px 2px #1c1b1b}.portfolio-desc{font-family:var(--font-body);color:var(--on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:14px;font-weight:400;line-height:1.5;display:-webkit-box;overflow:hidden}.engagement-bar{border-top:2px solid #1c1b1b;gap:12px;padding-top:14px;display:flex}.engagement-item{font-family:var(--font-label);color:var(--on-surface-variant);align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.engagement-item i,.engagement-item .material-symbols-outlined{color:var(--primary);font-size:14px}.engagement-item .count{color:var(--on-surface);font-weight:700}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr}}.niches{position:relative;overflow:hidden}.niches-grid{z-index:1;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px;display:grid;position:relative}.niche-card{text-align:center;border:var(--border-bold-thick);background:var(--surface);box-shadow:var(--shadow-hard);transition:var(--transition);cursor:default;padding:36px 20px 30px;position:relative}.niche-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #1c1b1b}.niche-card:nth-child(3n):hover{background:var(--primary-fixed);transform:translate(-4px,-4px)rotate(-1deg)}.niche-card:nth-child(4n):hover{background:var(--secondary-fixed);transform:translate(-4px,-4px)rotate(1deg)}.niche-card:nth-child(5n):hover{background:var(--tertiary-fixed)}.niche-card i{color:var(--primary-container);transition:var(--transition);margin-bottom:12px;font-size:2rem}.niche-card:hover i{color:var(--on-surface);transform:scale(1.2)}.niche-card h4{font-family:var(--font-display);color:var(--on-surface);margin-bottom:6px;font-size:18px;font-weight:700}.niche-card p{font-family:var(--font-body);color:var(--on-surface-variant);font-size:13px;font-weight:400;line-height:1.4}.toolkit{position:relative;overflow:hidden}.toolkit-categories{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.toolkit-group-label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-variant);margin-bottom:12px;font-size:13px;font-weight:700}.toolkit-items{flex-wrap:wrap;gap:10px;display:flex}.toolkit-chip{font-family:var(--font-label);color:var(--on-surface);background:var(--surface);border:var(--border-bold);box-shadow:var(--shadow-hard);transition:var(--transition);cursor:default;white-space:nowrap;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.toolkit-chip:hover{background:var(--primary-fixed);transform:translate(-3px,-3px);box-shadow:11px 11px #1c1b1b}.toolkit-chip:nth-child(3n):hover{background:var(--secondary-fixed)}.toolkit-chip:nth-child(5n):hover{background:var(--tertiary-fixed)}.toolkit-chip .material-symbols-outlined{color:var(--primary-container)}.results{background:color-mix(in srgb, var(--surface-container) 60%, transparent);-webkit-backdrop-filter:blur(8px);border-top:var(--border-bold-thick);border-bottom:var(--border-bold-thick);position:relative;overflow:hidden}.results-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.result-card{text-align:center;border:var(--border-bold-thick);background:var(--surface);box-shadow:var(--shadow-hard);transition:var(--transition);padding:40px 24px;position:relative}.result-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px #1c1b1b}.result-card:first-child{border-top:6px solid var(--primary-container)}.result-card:nth-child(2){border-top:6px solid var(--secondary-container)}.result-card:nth-child(3){border-top:6px solid var(--tertiary-fixed)}.result-card:nth-child(4){border-top:6px solid var(--primary)}.result-card i{color:var(--primary-container);margin-bottom:12px;font-size:2rem}.result-card .result-value{font-family:var(--font-display);color:var(--on-surface);font-size:2.8rem;font-weight:800;line-height:1}.result-card .result-suffix{font-family:var(--font-display);color:var(--primary-container);font-size:1.8rem;font-weight:800}.result-card p{font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:8px;font-size:14px;font-weight:700}@media (width<=768px){.results-grid{grid-template-columns:repeat(2,1fr);gap:16px}.result-card .result-value{font-size:2rem}}@media (width<=480px){.results-grid{grid-template-columns:1fr}}.contact{text-align:center;position:relative;overflow:hidden}.contact-desc{font-family:var(--font-body);color:var(--on-surface-variant);z-index:1;max-width:500px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:20px;font-weight:400;line-height:1.6;position:relative}.contact-links{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;display:flex;position:relative}.contact-item{border:var(--border-bold);background:var(--surface);transition:var(--transition-fast);font-family:var(--font-label);color:var(--on-surface);align-items:center;gap:12px;padding:16px 28px;font-size:16px;font-weight:700;display:flex;box-shadow:4px 4px #1c1b1b}.contact-item i{color:var(--primary-container);font-size:1.3rem}.contact-item:hover{background:var(--tertiary-fixed);transform:translate(-3px,-3px)scale(1.02);box-shadow:7px 7px #1c1b1b}.footer{border-top:var(--border-bold-thick);background:color-mix(in srgb, var(--surface) 65%, transparent);-webkit-backdrop-filter:blur(8px);padding:32px 0}.footer-container{justify-content:space-between;align-items:center;display:flex}.footer p{font-family:var(--font-body);color:var(--on-surface-variant);font-size:14px;font-weight:400}.footer i.fa-heart{color:var(--primary-container)}.footer-socials{gap:10px;display:flex}.footer-socials a{border:var(--border-bold);background:var(--surface);width:42px;height:42px;color:var(--on-surface-variant);transition:var(--transition-fast);justify-content:center;align-items:center;font-size:1.1rem;display:flex;box-shadow:3px 3px #1c1b1b}.footer-socials a:hover{background:var(--primary-container);color:var(--on-primary);transform:translate(-2px,-2px);box-shadow:5px 5px #1c1b1b}.footer-socials a:nth-child(2):hover{color:#fff;background:#000}.footer-socials a:nth-child(3):hover{color:#fff;background:red}@media (width<=480px){.footer-container{flex-direction:column;gap:16px}}.modal-overlay{z-index:2000;opacity:0;background:#1c1b1bd9;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:none;position:fixed;inset:0}.modal-overlay.open{opacity:1;display:flex}.modal-content{background:var(--surface);border:var(--border-bold-thick);width:100%;max-width:700px;max-height:90vh;animation:.35s cubic-bezier(.34,1.56,.64,1) modalIn;position:relative;overflow-y:auto;box-shadow:12px 12px #000}@keyframes modalIn{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-close{border:var(--border-bold);background:var(--surface);width:40px;height:40px;color:var(--on-surface);transition:var(--transition-fast);z-index:10;cursor:pointer;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:absolute;top:16px;right:16px;box-shadow:3px 3px #1c1b1b}.modal-close:hover{background:var(--error);color:var(--on-primary);transform:translate(-1px,-1px);box-shadow:5px 5px #1c1b1b}.modal-body{padding:0}.modal-body img,.modal-body .modal-video-placeholder{width:100%;display:block}.modal-video-placeholder{aspect-ratio:16/9;color:var(--primary-container);border-bottom:var(--border-bold-thick);background:#1c1b1b;justify-content:center;align-items:center;font-size:3rem;display:flex;position:relative}.modal-video-placeholder i{border:var(--border-bold-thick);background:var(--surface);width:80px;height:80px;color:var(--primary-container);justify-content:center;align-items:center;font-size:2rem;display:flex;box-shadow:6px 6px #000}.modal-info{padding:28px}.modal-platform{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;background:var(--surface);color:var(--on-surface);border:2px solid #1c1b1b;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:3px 3px #1c1b1b}.modal-platform i{font-size:14px}.modal-info h2{font-family:var(--font-display);color:var(--on-surface);margin-bottom:12px;font-size:28px;font-weight:700;line-height:1.15}.modal-desc{font-family:var(--font-body);color:var(--on-surface-variant);margin-bottom:24px;font-size:16px;font-weight:400;line-height:1.6}.modal-engagement{border:var(--border-bold);background:var(--surface-container);grid-template-columns:repeat(4,1fr);gap:12px;padding:20px;display:grid;box-shadow:inset 3px 3px #0000000d}.modal-engagement .eng-item{text-align:center}.modal-engagement .eng-value{font-family:var(--font-display);color:var(--primary-container);font-size:1.5rem;font-weight:800;line-height:1.2;display:block}.modal-engagement .eng-label{font-family:var(--font-label);letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:2px;font-size:11px;font-weight:700;display:block}@media (width<=600px){.modal-engagement{grid-template-columns:repeat(2,1fr)}.modal-info h2{font-size:22px}}.deco-sticker{pointer-events:none;z-index:0;opacity:.12;color:var(--primary);font-size:2rem;animation:8s ease-in-out infinite floatSticker;position:absolute}.deco-sticker:nth-child(2){color:var(--secondary-container);font-size:1.5rem;animation-delay:2s}.deco-sticker:nth-child(3){color:var(--tertiary-fixed);font-size:2.5rem;animation-delay:4s}@keyframes floatSticker{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@media (width<=1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr}.niches-grid{grid-template-columns:repeat(2,1fr)}.contact-desc{font-size:17px}}@media (width<=480px){.niches-grid{grid-template-columns:1fr}}.loading-spinner{color:var(--primary);justify-content:center;align-items:center;padding:60px;font-size:2rem;display:flex}@media print{.navbar,.modal-overlay,.hamburger,.theme-toggle,.footer-socials{display:none!important}section{padding:40px 0}.portfolio-item{break-inside:avoid;box-shadow:none;border:2px solid #000}}