:root{--bg: #f7f9fc;--surface: #ffffff;--elev: #f1f5fb;--text: #0b1220;--muted: #556070;--line: #e6ebf3;--accent: 200 100% 50%;--accent2: 240 100% 65%;--radius: 16px;--gap: 26px;--shadow-lg: 0 18px 50px rgba(0,0,0,.08);--shadow-sm: 0 10px 24px rgba(0,0,0,.06)}@media (max-width: 640px){:root{--gap: 18px;--radius: 14px}}:root{--font-sans: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-display: "Sora", var(--font-sans);--font-heading: "Jockey One", var(--font-display);--font-name: "Onest", var(--font-sans);--font-mono: "DM Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}.bg3d{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.bg-progress{position:fixed;right:12px;top:20vh;width:3px;height:calc(10vh + var(--scroll, 0) * 50vh);background:linear-gradient(180deg,hsl(var(--accent)),hsl(var(--accent2)));border-radius:3px;opacity:.6}.bg3d>div{position:absolute;will-change:transform,opacity,filter}.bg-media{top:0;right:0;bottom:0;left:0;background:#0b0b0c;opacity:var(--media, 0);z-index:2}.bg-blob{width:120vmax;height:120vmax;border-radius:999px;filter:blur(30px);opacity:.5}.bg-blob1{top:-40vmax;left:-20vmax;background:radial-gradient(closest-side,hsla(217,100%,61%,.15),transparent 60%);animation:drift1 42s ease-in-out infinite alternate}.bg-blob2{bottom:-30vmax;right:-25vmax;background:radial-gradient(closest-side,hsla(266,90%,62%,.14),transparent 62%);animation:drift2 52s ease-in-out infinite alternate}.bg-blob3{top:-10vmax;right:10vmax;background:radial-gradient(closest-side,hsla(200,100%,60%,.1),transparent 60%);animation:drift3 58s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate3d(-8vmax,-2vmax,0) scale(1.02)}to{transform:translate3d(6vmax,4vmax,0) scale(1.06)}}@keyframes drift2{0%{transform:translate3d(6vmax,2vmax,0) scale(1.01)}to{transform:translate3d(-4vmax,-4vmax,0) scale(1.05)}}@keyframes drift3{0%{transform:translate3d(2vmax,-6vmax,0) scale(1)}to{transform:translate3d(-6vmax,2vmax,0) scale(1.04)}}.bg-grid{top:-10%;right:-10%;bottom:-10%;left:-10%;filter:none;background:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:30px 30px,30px 30px;-webkit-mask-image:radial-gradient(closest-side,rgba(0,0,0,.18),transparent 72%);mask-image:radial-gradient(closest-side,rgba(0,0,0,.18),transparent 72%);transform:translate3d(0,calc(var(--scroll, 0) * -16px),0);opacity:.6}.bg-noise{top:0;right:0;bottom:0;left:0;filter:none;background-image:radial-gradient(rgba(0,0,0,.015) 1px,transparent 1px);background-size:3px 3px;opacity:.35}.bg-vignette{top:0;right:0;bottom:0;left:0;filter:none;background:radial-gradient(closest-side,transparent 55%,rgba(0,0,0,.08) 130%);mix-blend-mode:normal}@media (max-width: 768px){.bg-blob{filter:blur(18px);width:140vmax;height:140vmax}.bg-grid{background-size:26px 26px,26px 26px;opacity:.7}}@media (prefers-reduced-motion: reduce){.bg-blob1,.bg-blob2,.bg-blob3{animation:none}}@media (max-width: 768px){.bg3d>div{filter:blur(14px);top:-10%;right:-10%;bottom:-10%;left:-10%}.bg-l1{transform:translate3d(0,calc(var(--scroll, 0) * -30px),0)}.bg-l2{transform:translate3d(0,calc(var(--scroll, 0) * -16px),0)}.bg-l3{transform:translate3d(0,calc(var(--scroll, 0) * -6px),0)}}@media (prefers-reduced-motion: reduce){.bg3d>div{transform:none!important}}body{margin:0;background:radial-gradient(1200px 600px at 8% -10%,rgba(0,132,255,.05),transparent),radial-gradient(1200px 600px at 92% 110%,rgba(90,70,255,.04),transparent),var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;width:100%;max-width:100vw}*,*:before,*:after{box-sizing:border-box;max-width:100%}main{position:relative;z-index:1;overflow:clip}.container{width:100%;max-width:1280px;padding:0 24px;margin:0 auto;box-sizing:border-box}@media (max-width: 768px){.container{padding:0 16px;max-width:calc(100vw - 32px)}}@media (max-width: 480px){.container{padding:0 12px;max-width:calc(100vw - 24px)}}@media (min-width: 1600px){.container{max-width:1440px}}.section{padding:60px 0}@media (max-width: 900px){.section{padding:40px 0}}@media (max-width: 640px){.section{padding:32px 0}}.h1{font-family:var(--font-display);font-size:clamp(42px,6.8vw,86px);letter-spacing:-.02em;line-height:1.02}.h2{font-family:var(--font-heading);font-size:clamp(28px,4.8vw,42px);letter-spacing:.02em;margin:0 0 12px;text-transform:uppercase}h2,h3.h2,.project-title{font-family:var(--font-heading)!important;letter-spacing:.02em!important;text-transform:uppercase!important}.subtitle{color:var(--muted);margin:0 0 24px}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;border-radius:100px;background:linear-gradient(120deg,hsl(var(--accent)),hsl(var(--accent2)));color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,filter .3s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);filter:saturate(1.1)}.btn:active{transform:translateY(0)}.btn.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.btn.secondary:hover{border-color:hsl(var(--accent))}.card{background:linear-gradient(180deg,#00000005,#00000003);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;max-width:100%;overflow:hidden}@media (max-width: 768px){.card{margin:0;max-width:100%}}.reveal{opacity:0;transform:translateY(16px);transition:.6s ease}.reveal.in{opacity:1;transform:none}.nav{position:sticky;top:0;z-index:80;background:#0a0a0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-inner{position:relative;display:flex;align-items:center;justify-content:center;height:68px}.nav-links{display:none}@media (min-width: 768px){.nav-links{display:flex;align-items:center}}.nav-links.center{gap:clamp(20px,3vw,32px)}@media (max-width: 767px){.nav-inner{justify-content:space-between;padding:0 20px}.nav-brand{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}}.nav-links a{font-family:var(--font-heading);font-size:clamp(13px,1.5vw,15px);color:#fffc;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-radius:6px;transition:all .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;border-radius:1px;transform:translate(-50%);transition:width .2s ease}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:80%}.nav-toggle{position:absolute;right:12px;display:inline-flex;flex-direction:column;gap:4px;background:transparent;border:none;cursor:pointer}.nav-toggle span{width:22px;height:2px;background:#e6e9ef;border-radius:2px}@media (min-width: 900px){.nav-links{display:flex}.nav-toggle{display:none}}.mobile-nav{position:fixed;top:71px;left:0;right:0;width:100vw;display:grid;gap:12px;padding:16px 24px;border-bottom:1px solid var(--line);background:#0b0d10f5;transform-origin:top;transform:scaleY(0);transition:transform .2s ease;z-index:70}.mobile-nav.open{transform:scaleY(1)}.mobile-nav a{font-family:var(--font-heading);color:var(--muted);text-decoration:none;font-size:16px;text-transform:uppercase;letter-spacing:.05em}.mobile-nav a:hover{color:#fff}.hero{position:relative;height:92vh;background:#000;color:#fff;overflow:hidden;display:flex;align-items:stretch}.hero .container{padding:0;max-width:none;width:100%;height:100%}.hero-content{position:relative;z-index:10;width:100%;height:100%}.hero-main{position:relative;height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-left{background:#000;display:flex;flex-direction:column;justify-content:flex-start;padding:90px 40px 40px 64px;position:relative}@media (min-width: 769px){.hero-left .mobile-profile,.hero-left .mobile-stats{display:none!important}}.hero-text{max-width:100%;text-align:left;margin-top:25px}.hero-right{background:#f5f5f5;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 64px 100px 40px;border-radius:80px 0 0;margin-right:-24px;margin-bottom:-60px}.hero-greeting{color:#b4b4b4;font-size:clamp(18px,2vw,22px);margin-bottom:16px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:0;animation:fadeSlideUp .8s ease-out .2s forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-name{font-family:var(--font-name)!important;font-size:clamp(48px,8vw,72px);font-weight:900!important;margin:0 0 20px;color:#dcdcdc;letter-spacing:-.02em;text-transform:uppercase;line-height:.9;position:relative;text-shadow:0 2px 20px rgba(0,0,0,.06);opacity:0;animation:fadeSlideUp .8s ease-out .4s forwards}.hero-role{display:flex;flex-direction:row;align-items:center;gap:16px;margin-bottom:32px;opacity:0;animation:fadeSlideUp .8s ease-out .6s forwards;position:relative;width:fit-content}.role-primary,.role-secondary{font-family:var(--font-heading);font-size:clamp(20px,2.5vw,28px);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#c8c8c8}.role-separator{color:#ffffff80;font-size:clamp(20px,2.5vw,28px);font-weight:300}.hero-role:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px;animation:drawUnderline 1.2s ease-out 1s forwards}@keyframes drawUnderline{to{width:100%}}.hero-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.08) 1px,transparent 1px);background-size:40px 40px;opacity:.6;z-index:1;border-radius:80px 0 0}.hero-visual{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;z-index:10;margin-bottom:32px}.hero-profile{width:180px;height:180px;border-radius:50%;overflow:hidden;border:3px solid rgba(0,0,0,.1);position:relative;z-index:5;box-shadow:0 8px 25px #0003}.hero-profile img{width:100%;height:100%;object-fit:cover}.skill-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.skill-tag-floating{position:absolute;padding:8px 16px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;transform-origin:center;animation:floatTag 4s ease-in-out infinite;box-shadow:0 4px 20px #ff6b354d}.skill-tag-floating:nth-child(1){top:8%;left:-30%;background:linear-gradient(135deg,#00d4aa,#00b894);animation-delay:0s}.skill-tag-floating:nth-child(2){top:18%;right:-40%;background:linear-gradient(135deg,#e84393,#fd79a8);animation-delay:1s}.skill-tag-floating:nth-child(3){bottom:15%;left:-40%;background:linear-gradient(135deg,#fdcb6e,#e17055);animation-delay:2s}.skill-tag-floating:nth-child(4){bottom:28%;right:-30%;background:linear-gradient(135deg,#00b894,#00cec9);animation-delay:3s}@keyframes floatTag{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-5px) rotate(-1deg)}}.hero-stats{position:relative;display:flex;flex-direction:row;gap:24px;padding:0;z-index:10;justify-content:center}.hero-stat{text-align:center;padding:16px 20px;background:#ffffffe6;border-radius:12px;border:1px solid rgba(0,0,0,.1);box-shadow:0 4px 12px #0000001a;width:160px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;cursor:default}.hero-stat:hover{transform:translateY(-2px);background:#fffffffa;box-shadow:0 10px 24px #0000001f}.stat-number{font-family:var(--font-heading);font-size:clamp(24px,3vw,28px);font-weight:800;color:#0a0a0a;margin-bottom:4px}.stat-label{font-size:clamp(11px,1.2vw,13px);color:#000000b3;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.hero-actions{position:absolute;bottom:20px;left:64px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;z-index:15}.hero-btn-primary{padding:18px 36px;background:linear-gradient(135deg,#fff,#f0f0f0);color:#0a0a0a;border-radius:50px;font-weight:700;font-size:16px;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 8px 25px #fff3}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #fff0;color:#fff}.hero-btn-secondary{padding:18px 36px;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;margin-bottom:5px}.hero-btn-secondary:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px)}.get-in-touch{position:absolute;top:35%;right:2%;writing-mode:vertical-rl;text-orientation:mixed;color:#fff9;text-decoration:none;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:color .3s ease;z-index:5}.get-in-touch:hover{color:#fff}@media (max-width: 1024px){.hero{height:70vh}.hero-left{padding:60px 30px 30px 40px}.hero-right{padding:30px}.hero-visual{width:250px;height:250px;margin-bottom:24px}.hero-profile{width:150px;height:150px}.hero-actions{bottom:15px;left:40px}.mobile-profile,.mobile-stats{display:none}}@media (min-width: 769px){.mobile-profile,.mobile-stats{display:none!important}}@media (max-width: 768px){.hero{height:auto;min-height:100vh;background:#0a0a0a;padding:20px 0}.hero .container{padding:0 20px}.hero-main{grid-template-columns:1fr;height:auto;min-height:100vh}.hero-right{display:none}.hero-left{background:#0a0a0a;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh;position:relative}.hero-left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:40px 40px;opacity:.8;z-index:1}.hero-left>*{position:relative;z-index:2}.hero-text{margin-top:0;margin-bottom:40px}.hero-name{font-size:clamp(28px,8vw,36px);margin-bottom:20px}.hero-role{flex-direction:column;gap:8px;margin-bottom:40px}.role-primary,.role-secondary{font-size:clamp(14px,4vw,18px)}.role-separator{display:none}.mobile-profile{width:120px;height:120px;border-radius:50%;overflow:hidden;border:3px solid rgba(255,255,255,.2);margin-bottom:30px;box-shadow:0 8px 25px #ffffff1a}.mobile-profile img{width:100%;height:100%;object-fit:cover}.mobile-stats{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.mobile-stat-item{text-align:center;padding:12px 16px;background:#ffffff1a;border-radius:8px;border:1px solid rgba(255,255,255,.2);min-width:100px}.mobile-stat-number{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#fff;margin-bottom:2px}.mobile-stat-label{font-size:10px;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.hero-actions{position:relative;bottom:auto;left:auto;align-items:center;gap:16px}.hero-btn-primary,.hero-btn-secondary{width:100%;max-width:280px;padding:16px 24px;font-size:14px}.hero-btn-secondary{margin-bottom:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero-tagline{margin-top:12px;opacity:0;animation:fadeSlideUp .8s ease-out 1.5s forwards}.hero-tagline span{font-size:clamp(14px,2vw,16px);color:#6b7280;font-weight:400;font-style:italic;letter-spacing:.01em;position:relative}.hero-tagline span:before{content:'"';color:#9ca3af}.hero-tagline span:after{content:'"';color:#9ca3af}.hero-description{max-width:600px;margin:0 auto}.hero-text{font-size:clamp(16px,2.2vw,20px);line-height:1.6;color:#374151;margin:0}.text-highlight{color:#1f2937;font-weight:600;position:relative}.hero-stats{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,32px);margin:clamp(16px,3vw,24px) 0}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-family:var(--font-name);font-size:clamp(20px,3vw,28px);font-weight:800;color:#1f2937;line-height:1}.stat-label{font-size:clamp(12px,1.5vw,14px);color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,#d1d5db,transparent)}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-btn-primary{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#1f2937,#374151);color:#fff;padding:16px 24px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #1f293733;position:relative;overflow:hidden}.hero-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f633,#8b5cf633);opacity:0;transition:opacity .3s ease}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1f29374d,0 0 0 1px #ffffff1a,0 0 20px #3b82f633}.hero-btn-primary:hover:before{opacity:1}.hero-btn-primary svg{transition:transform .3s ease}.hero-btn-primary:hover svg{transform:translate(2px) translateY(-2px)}.hero-btn-secondary{background:#fffc;color:#374151;padding:16px 24px;border:2px solid rgba(229,231,235,.6);border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.hero-btn-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);opacity:0;transition:opacity .3s ease}.hero-btn-secondary:hover{background:#fffffff2;border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.hero-btn-secondary:hover:before{opacity:1}@media (max-width: 768px){.hero-stats{flex-direction:column;gap:16px}.hero-stat{width:140px;height:90px}.stat-divider{width:40px;height:1px;background:linear-gradient(to right,transparent,#d1d5db,transparent)}.hero-actions{flex-direction:column;align-items:center}.hero-btn-primary,.hero-btn-secondary{width:100%;max-width:280px;justify-content:center}}#about{background:#fff;padding-top:40px!important}@media (max-width: 900px){#about{padding-top:24px!important}}@media (max-width: 640px){#about{padding-top:20px!important}}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(16px,3vw,32px);align-items:center}@media (max-width: 900px){.about-grid{grid-template-columns:1fr}}.about-content{display:flex;flex-direction:column;gap:24px}.about-header{border-bottom:2px solid #f1f5f9;padding-bottom:20px;position:relative}.about-header:before{content:"";position:absolute;top:-12px;left:0;width:clamp(60px,12vw,120px);height:1px;background:linear-gradient(90deg,#1f2937,#4b5563,transparent);opacity:.7}.about-credentials{margin-top:10px;display:flex;flex-direction:column;gap:3px}.about-name{font-family:var(--font-name)!important;font-size:clamp(28px,3.8vw,36px);margin:0;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.02em;text-transform:uppercase;font-weight:900!important}.about-degree{font-size:18px;font-weight:600;color:#1f2937;margin:0}.about-level{font-size:16px;color:#4b5563;margin:0;font-weight:500}.about-institution{font-size:15px;color:#6b7280;margin:0;font-style:italic}.about-summary{background:#f8fafc;border-left:4px solid #1f2937;padding:18px 22px;border-radius:8px}.summary-title{font-family:var(--font-heading);font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.summary-text{color:#374151;line-height:1.7;margin:0;font-size:16px}.skills-section{border-top:1px solid #e5e7eb;padding-top:20px}.skills-title{font-family:var(--font-heading);font-size:20px;font-weight:600;color:#1f2937;margin:0 0 16px;text-transform:uppercase;letter-spacing:.05em}.skills-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.skills-container{grid-template-columns:1fr;gap:16px}}.skill-category{display:flex;flex-direction:column;gap:12px}.skill-category-title{font-family:var(--font-heading);font-size:16px;font-weight:600;background:linear-gradient(90deg,#1f2937,#4b5563);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;text-transform:uppercase;letter-spacing:.05em;position:relative}.skill-category-title:after{content:"";position:absolute;left:0;bottom:-4px;width:30px;height:2px;background:linear-gradient(90deg,#1f2937,#4b5563);border-radius:2px}.skills-grid{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:10px 16px;border-radius:25px;border:1px solid rgba(0,0,0,.1);color:var(--text);font-size:13px;font-weight:500;background:linear-gradient(135deg,var(--surface),var(--elev));box-shadow:0 2px 8px #0000000d;transition:all .3s ease;position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.skill-tag:hover{border-color:#1f2937;background:linear-gradient(135deg,#1f29371a,#4b55631a);transform:translateY(-2px);box-shadow:0 8px 20px #1f293726}.skill-tag:hover:before{left:100%}.about-image-container{display:flex;justify-content:center;align-items:center;position:relative}.about-image-container:before{content:"";position:absolute;width:clamp(300px,40vw,450px);height:clamp(300px,40vw,450px);background:radial-gradient(circle at 30% 70%,rgba(31,41,55,.06),transparent 60%),radial-gradient(circle at 70% 30%,rgba(75,85,99,.05),transparent 50%),linear-gradient(45deg,transparent 40%,rgba(31,41,55,.03) 45%,rgba(31,41,55,.03) 55%,transparent 60%);z-index:0;opacity:.6}.about-image-container:after{content:"";position:absolute;width:clamp(250px,35vw,380px);height:clamp(250px,35vw,380px);background:conic-gradient(from 45deg,transparent,rgba(31,41,55,.08) 90deg,transparent 180deg),radial-gradient(ellipse at 50% 50%,transparent 40%,rgba(75,85,99,.04) 60%,transparent 80%);border-radius:50%;z-index:0;opacity:.5}.profile-image{width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px);border-radius:50%;overflow:hidden;border:4px solid transparent;background:linear-gradient(135deg,#1f2937,#374151,#4b5563);padding:4px;box-shadow:0 15px 35px #1f293726,0 5px 15px #4b55631a;transition:all .4s ease;position:relative;z-index:2}.profile-image:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:linear-gradient(135deg,#1f293733,#4b556326);z-index:-1;opacity:0;transition:opacity .4s ease}.profile-image:hover{transform:scale(1.08) rotate(2deg);box-shadow:0 25px 50px #0003,0 10px 25px #00000026}.profile-image:hover:before{opacity:1}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:50%;background:#fff}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,hsl(var(--accent) / .1),hsl(var(--accent2) / .1));display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;border-radius:50%}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:32px}.about-image-container{order:-1}.skills-section{gap:16px}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}@media (max-width: 1200px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 680px){.projects-grid{grid-template-columns:1fr}}.projects-grid>*{transition-delay:40ms}.projects-grid>*:nth-child(2){transition-delay:.12s}.projects-grid>*:nth-child(3){transition-delay:.18s}.projects-grid>*:nth-child(4){transition-delay:.22s}.projects-grid>*:nth-child(5){transition-delay:.26s}.projects-grid>*:nth-child(6){transition-delay:.3s}.projects-reveal{height:240vh;padding-top:0;padding-bottom:0}.pr-pin{position:sticky;top:0;min-height:100vh;display:grid;align-items:center}.pr-inner{display:grid;gap:12px}.pr-frame{padding:clamp(14px,2vw,18px)}.pr-scene{position:relative;width:clamp(320px,88vw,1100px);margin:0 auto;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;background:linear-gradient(180deg,#00000005,#00000003);perspective:1000px}.pr-flap{position:absolute;background:linear-gradient(180deg,#00000008,#0000);border:1px solid var(--line);transform-origin:center;transform-style:preserve-3d;z-index:2}.pr-flap.top{left:0;right:0;top:0;height:44%;transform-origin:top center;transform:rotateX(calc(var(--prTop,0) * -178deg));box-shadow:0 10px 30px #0000000f}.pr-flap.bottom{left:0;right:0;bottom:0;height:44%;transform-origin:bottom center;transform:rotateX(calc(var(--prBottom,0) * 178deg));box-shadow:0 -10px 30px #0000000f}.pr-flap.left{top:6%;bottom:6%;left:0;width:22%;transform-origin:left center;transform:rotateY(calc(var(--prLeft,0) * 178deg));box-shadow:10px 0 30px #0000000d}.pr-flap.right{top:6%;bottom:6%;right:0;width:22%;transform-origin:right center;transform:rotateY(calc(var(--prRight,0) * -178deg));box-shadow:-10px 0 30px #0000000d}.pr-content{position:relative;z-index:1;padding:clamp(16px,2.4vw,24px);opacity:var(--prReveal, 0);transform:translateY(calc((1 - var(--prReveal,0)) * 20px));transition:opacity .3s ease,transform .3s ease}@media (max-width: 680px){.pr-flap.top,.pr-flap.bottom{height:46%}.pr-flap.left,.pr-flap.right{width:24%}}@media (prefers-reduced-motion: reduce){.pr-flap{transform:none!important}.pr-content{opacity:1!important;transform:none!important}}.media-reveal{height:300vh;padding-top:0;padding-bottom:0}@media (min-width: 769px){.media-reveal{height:300vh!important}.mr-pin{position:sticky!important;top:0!important;min-height:100vh!important}}@media (max-width: 768px){*{box-sizing:border-box}body{overflow-x:hidden}.media-reveal{height:auto!important;min-height:auto!important;max-height:none!important;padding:2rem 0!important;width:100%;max-width:100%;overflow-x:hidden;background:#0b0b0c}.mr-pin{position:static!important;min-height:auto!important;display:block!important}.mr-inner{width:100%;max-width:100%;padding:0;margin:0}.mr-frame{padding:0;width:100%;max-width:100%;margin:0 auto;display:grid;justify-items:center;border-radius:15px 0 0 15px}.media-reveal.section{height:auto!important;position:static!important}.media-reveal .mr-pin{position:static!important;top:auto!important;min-height:auto!important;height:auto!important}}.mr-pin{position:sticky;top:0;min-height:100vh;display:grid;align-items:center}.mr-inner{display:grid;gap:12px}.mr-frame{padding:clamp(14px,2vw,18px)}@media (max-width: 1024px){.mr-frame{padding:clamp(12px,1.5vw,16px)}}.mr-scene{position:relative;width:clamp(420px,90vw,1200px);min-height:clamp(620px,72vh,980px);margin:0 auto;border-radius:20px;overflow:hidden;background:#fffdf7;perspective:1100px;box-shadow:0 18px 60px #0000000f;max-width:100%;box-sizing:border-box}@media (max-width: 1024px) and (min-width: 769px){.mr-scene{width:85vw;max-width:900px;min-height:600px;border-radius:18px;margin:0 auto}}@media (max-width: 768px){.mr-scene{width:100%;max-width:100%;min-height:auto;height:auto;border-radius:8px;margin:1rem auto;padding:0;box-sizing:border-box;overflow:hidden;position:static;background:#fffdf7;box-shadow:0 4px 20px #0000001a}}@media (max-width: 480px){.mr-scene{margin:.5rem auto;border-radius:4px}}.mr-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px);background-size:3px 3px;opacity:.18}.mr-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:2px dashed #222;z-index:3;opacity:calc(1 - var(--mrReveal, 0));pointer-events:none}.mr-flap{position:absolute;background:#fffdf7;border:2px dashed #222;transform-style:preserve-3d;z-index:4;opacity:calc(1 - var(--mrReveal, 0));box-shadow:0 1px #0000000f,inset 0 -1px #00000008}@media (max-width: 768px){.mr-content{opacity:1!important;transform:translateY(0)!important;transition:none!important}.mr-border,.mr-flap{opacity:0!important;display:none!important}}.mr-flap.top{left:0;right:0;top:0;height:50%;transform-origin:top center;transform:rotateX(calc(var(--mrTop,0) * -178deg));box-shadow:0 10px 26px #00000012,inset 0 -1px #00000014}.mr-flap.bottom{left:0;right:0;bottom:0;height:50%;transform-origin:bottom center;transform:rotateX(calc(var(--mrBottom,0) * 178deg));box-shadow:0 -10px 26px #00000012,inset 0 1px #00000014}.mr-flap.left{top:6%;bottom:6%;left:0;width:26%;transform-origin:left center;transform:rotateY(calc(var(--mrLeft,0) * 178deg));box-shadow:10px 0 24px #0000000d,inset -1px 0 #00000014}.mr-flap.right{top:6%;bottom:6%;right:0;width:26%;transform-origin:right center;transform:rotateY(calc(var(--mrRight,0) * -178deg));box-shadow:-10px 0 24px #0000000d,inset 1px 0 #00000014}.mr-content{position:relative;z-index:2;padding:clamp(18px,2.8vw,32px);opacity:var(--mrReveal, 0);transform:translateY(calc((1 - var(--mrReveal,0)) * 20px));transition:opacity .3s ease,transform .3s ease;width:100%;box-sizing:border-box}@media (max-width: 768px){.mr-content{padding:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;margin:0;position:static;opacity:1!important;transform:none!important;border-radius:12px 0 0 12px!important}.youtube-compact-layout{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box;margin:0}.youtube-compact-layout>*{max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}}@media (max-width: 480px){.mr-content{padding:.75rem}}.youtube-compact-layout{display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}@media (max-width: 768px){.youtube-compact-layout{gap:16px;padding:0;margin:0}}.channel-header-section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#ff00000f,#ff000005);border:1px solid rgba(255,0,0,.1);border-radius:12px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}@media (max-width: 768px){.channel-header-section{padding:8px;gap:8px;flex-direction:column;align-items:center;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}}.channel-branding{display:flex;align-items:center;gap:12px;flex:1}.channel-icon{width:40px;height:40px;background:linear-gradient(135deg,red,#c00);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f003;flex-shrink:0}.channel-name{font-family:var(--font-heading);font-size:18px;font-weight:700;color:#1a1a1a;margin:0;text-transform:none;letter-spacing:-.01em;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.channel-handle{font-size:13px;color:#666;margin:0;font-weight:500}.verification-badge{color:#1d9bf0;opacity:.9;margin-left:6px}.channel-actions-inline{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap;max-width:100%;box-sizing:border-box}.subscribe-btn-compact{background:linear-gradient(135deg,red,#c00);color:#fff;border:none;display:flex;align-items:center;gap:6px;font-weight:600;font-size:13px;padding:10px 16px;border-radius:20px;transition:all .3s ease;text-decoration:none;box-shadow:0 3px 10px #f003;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden}.subscribe-btn-compact:hover{background:linear-gradient(135deg,#c00,#900);transform:translateY(-1px);box-shadow:0 5px 15px #ff00004d}.visit-btn-compact{background:transparent;color:#333;border:1.5px solid rgba(0,0,0,.15);display:flex;align-items:center;font-weight:500;font-size:13px;padding:9px 16px;border-radius:20px;transition:all .3s ease;text-decoration:none;max-width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden}.visit-btn-compact:hover{background:#0000000d;border-color:#00000040;transform:translateY(-1px)}.stats-section{display:flex;gap:20px;padding:16px 20px;background:#00000005;border:1px solid rgba(0,0,0,.08);border-radius:12px;justify-content:space-around;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}@media (max-width: 768px){.stats-section{padding:8px;gap:4px;flex-direction:column;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}}.stat-item{text-align:center;flex:1;position:relative;padding:12px 8px;border-radius:8px;transition:all .3s ease;overflow:hidden;cursor:pointer}.stat-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(255,0,0,.4),transparent);transform:translate(-100%);transition:transform .6s ease}.stat-item:hover:before{transform:translate(100%)}.stat-item:nth-child(1):before{background:linear-gradient(90deg,transparent,#FF0000,transparent)}.stat-item:nth-child(2):before{background:linear-gradient(90deg,transparent,#00D4AA,transparent)}.stat-item:nth-child(3):before{background:linear-gradient(90deg,transparent,#8B5CF6,transparent)}.stat-item:hover{transform:translateY(-2px);background:#00000005;box-shadow:0 4px 15px #00000014}.stat-item .stat-value{font-family:var(--font-heading);font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:4px;line-height:1;transition:color .3s ease}.stat-item:hover .stat-value{color:#000}.stat-item:nth-child(1):hover .stat-value{color:red}.stat-item:nth-child(2):hover .stat-value{color:#00d4aa}.stat-item:nth-child(3):hover .stat-value{color:#8b5cf6}.stat-item .stat-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.stat-item:hover .stat-label{color:#333}.content-grid{display:grid;grid-template-columns:.4fr .6fr;gap:20px;align-items:start}.featured-content,.recent-content{background:#00000005;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}.featured-content{padding:12px}.recent-content{padding:16px}@media (max-width: 768px){.featured-content,.recent-content{padding:8px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}.content-grid{grid-template-columns:1fr;gap:12px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}}.section-title{font-family:var(--font-heading);font-size:14px;font-weight:700;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.05em}.section-badge{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff;font-size:10px;font-weight:600;padding:3px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em}.view-all-link{color:#666;font-size:12px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:4px;transition:all .3s ease}.featured-video-compact{cursor:pointer;transition:all .3s ease}.featured-video-compact:hover{transform:scale(1.02)}.featured-video-compact .video-thumbnail{aspect-ratio:16/10;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);position:relative;overflow:hidden;border-radius:8px;margin-bottom:8px;max-height:140px}.featured-video-compact .video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.featured-video-compact:hover .video-overlay{opacity:1}.featured-video-compact .play-icon{background:#fffffff2;color:#333;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.featured-video-compact:hover .play-icon{background:#fff;transform:scale(1.1)}.featured-video-compact .video-meta{padding:0}.featured-video-compact .video-title{font-family:var(--font-heading);font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.3;text-transform:none;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;box-sizing:border-box}.featured-video-compact .video-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}.recent-videos-compact{display:flex;flex-direction:column;gap:12px}.recent-video-compact{display:flex;gap:6px!important;align-items:flex-start;padding:8px;border-radius:6px;background:transparent;transition:all .3s ease;cursor:pointer}.recent-video-compact:hover{background:#00000008;transform:translate(2px)}.recent-video-compact .recent-thumbnail{width:72px;height:40px;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-video-compact .recent-thumbnail.fallback{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.recent-video-compact .video-overlay{background:#0009;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.recent-video-compact:hover .video-overlay{opacity:1}.recent-video-compact .video-overlay svg{color:#fff}.recent-video-compact .recent-info{flex:1;min-width:0}.recent-video-compact .recent-title{font-size:13px;font-weight:600;color:#333;margin:0 0 4px;line-height:1.3;text-transform:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-video-compact .recent-stats{display:flex;align-items:center;gap:4px;font-size:10px;color:#888}.channel-description-section{padding:16px 20px;background:#00000005;border:1px solid rgba(0,0,0,.08);border-radius:12px;text-align:center;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden}@media (max-width: 768px){.channel-description-section{padding:8px;max-width:100%;width:100%;box-sizing:border-box;overflow:hidden}}.channel-description-section p{color:#555;font-size:14px;line-height:1.6;margin:0;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;box-sizing:border-box}.duration-badge{position:absolute;bottom:6px;right:6px;background:#000c;color:#fff;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.duration-badge.small{padding:2px 4px;font-size:9px;border-radius:3px}.media-card{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.media-content{display:flex;flex-direction:column;gap:16px}.media-title{margin-top:0}.media-actions{display:flex;gap:12px;flex-wrap:wrap}.media-visual{display:grid;place-items:center}.media-placeholder{width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,#6ee7f926,#a855f726);display:grid;place-items:center;color:#e6e9ef}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr;gap:18px}.channel-header-section{flex-direction:row;align-items:center;gap:16px;padding:18px 22px}.stats-section{padding:18px 22px}.featured-content,.recent-content{padding:18px}.channel-description-section{padding:18px 22px}}@media (max-width: 900px){.content-grid{grid-template-columns:1fr;gap:16px}.channel-header-section{flex-direction:column;align-items:stretch;gap:12px}.channel-branding,.channel-actions-inline{justify-content:center}.media-card{grid-template-columns:1fr;gap:16px;padding:16px}.media-visual{order:-1}.media-placeholder{max-width:400px}}@media (max-width: 640px){.youtube-compact-layout{gap:18px}.stats-section{gap:6px;padding:16px 20px;flex-direction:column}.stat-item{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;background:#00000003;border:1px solid rgba(0,0,0,.06);border-radius:10px;margin-bottom:4px}.stat-item .stat-value{font-size:20px;margin-bottom:0}.stat-item .stat-label{font-size:11px;opacity:.8}.channel-header-section{padding:16px 20px}.channel-icon{width:36px;height:36px}.channel-name{font-size:16px}.channel-handle{font-size:12px}.subscribe-btn-compact,.visit-btn-compact{font-size:12px;padding:8px 14px}.featured-content,.recent-content{padding:16px}.featured-video-compact .video-thumbnail{border-radius:6px}.featured-video-compact .play-icon{width:36px;height:36px}.featured-video-compact .video-title{font-size:13px}.featured-video-compact .video-stats{font-size:11px}.section-title{font-size:12px}.section-badge{font-size:9px;padding:2px 6px}.recent-video-compact{padding:4px;gap:6px}.recent-video-compact .recent-thumbnail{width:48px;height:28px}.recent-video-compact .recent-title{font-size:11px}.recent-video-compact .recent-stats{font-size:9px}.channel-description-section{padding:16px 20px}.channel-description-section p{font-size:14px;line-height:1.5}.media-card{padding:12px}.media-title{font-size:clamp(18px,4vw,24px)}.media-subtitle{font-size:14px}.media-actions{flex-direction:column;gap:8px}.media-actions .btn{width:100%;justify-content:center}.media-placeholder svg{width:48px;height:48px}}@media (max-width: 480px){.youtube-compact-layout{gap:14px;max-width:calc(100vw - 24px);width:calc(100vw - 24px)}.channel-header-section,.stats-section{padding:14px 16px}.featured-content,.recent-content{padding:14px}.channel-description-section{padding:14px 16px}.channel-branding{gap:8px}.channel-actions-inline{gap:6px}.subscribe-btn-compact,.visit-btn-compact{padding:8px 12px;font-size:12px}.stat-item{padding:10px 12px}.stat-item .stat-value{font-size:18px}.content-grid{gap:12px}.featured-video-compact .video-title{font-size:12px}.recent-video-compact .recent-title{font-size:10px;-webkit-line-clamp:1}.media-card{padding:10px}}.mr-card,.mr-video{background:#fffdf7;border:2px dashed #222;border-radius:14px;padding:clamp(16px,2.2vw,20px);box-shadow:0 10px 22px #0000000d;height:auto!important;width:100%!important;min-width:0!important;max-width:none!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;flex:1!important}.mr-video-inner{border-radius:10px;background:linear-gradient(135deg,#0000000d,#00000005);display:flex;flex-direction:column;gap:16px;padding:16px;color:#0b1220}.video-thumbnail{position:relative;aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.video-thumbnail:hover{transform:scale(1.02);box-shadow:0 8px 25px #0003}.thumbnail-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc26261a,#dc26260d);opacity:0;transition:opacity .3s ease}.video-thumbnail:hover .thumbnail-overlay{opacity:1}.play-button{background:#dc2626e6;color:#fff;border-radius:50%;padding:16px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;transform:scale(.8)}.video-thumbnail:hover .play-button{transform:scale(1);background:#dc2626}.video-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:2px 6px;border-radius:4px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.video-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 12px 12px;color:#fff}.video-title{font-weight:600;font-size:14px;margin-bottom:4px;line-height:1.3}.video-stats{font-size:12px;opacity:.8}.channel-preview{flex:1}.recent-videos{display:flex;flex-direction:column;gap:12px}.recent-video-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:6px;background:#00000005;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;cursor:pointer}.recent-video-item:hover{background:#dc26260d;border-color:#dc26261a;transform:translate(4px)}.recent-thumbnail{width:48px;height:32px;background:linear-gradient(135deg,#444,#666);border-radius:4px;position:relative;flex-shrink:0}.recent-thumbnail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" opacity="0.6"><path d="M8 5v14l11-7z"/></svg>') center/12px no-repeat}.recent-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.recent-title{font-size:12px;font-weight:500;color:#333;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-views{font-size:11px;color:#666}.recent-video-item.loading{opacity:.6;pointer-events:none}.recent-video-item.loading .recent-thumbnail{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);animation:pulse 2s infinite}.video-thumbnail:empty{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recent-video-item,.play-button{cursor:pointer}.recent-thumbnail{background:linear-gradient(135deg,#444,#666);transition:all .3s ease}@media (max-width: 900px){.mr-video-inner{padding:12px;gap:12px}.recent-video-item{padding:6px;gap:8px}.recent-thumbnail{width:40px;height:28px}}.channel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.08)}.channel-branding{display:flex;align-items:center;gap:12px}.channel-icon{width:48px;height:48px;background:linear-gradient(135deg,red,#c00);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #f003}.channel-info{display:flex;flex-direction:column;gap:2px}.channel-name{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#1a1a1a;margin:0;text-transform:none;letter-spacing:-.01em}.channel-handle{font-size:14px;color:#666;margin:0;font-weight:500}.verification-badge{color:#1d9bf0;opacity:.9}.channel-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#00000005,#00000003);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:14px 10px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,0,0,.3),transparent);transform:translate(-100%);transition:transform .6s ease}.stat-card:hover:before{transform:translate(100%)}.stat-card.subscribers:before{background:linear-gradient(90deg,transparent,#FF0000,transparent)}.stat-card.videos:before{background:linear-gradient(90deg,transparent,#00D4AA,transparent)}.stat-card.views:before{background:linear-gradient(90deg,transparent,#8B5CF6,transparent)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#0000001f}.stat-value{font-family:var(--font-heading);font-size:18px;font-weight:800;color:#1a1a1a;margin-bottom:4px;line-height:1}.stat-label{font-size:12px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.loading-skeleton{background:linear-gradient(90deg,#00000014,#0000000a,#00000014);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;height:20px;width:60px}.title-skeleton{height:16px;width:80%}.stats-skeleton{height:12px;width:70%;margin-top:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.channel-description{margin-bottom:20px;flex-grow:1}.channel-description p{color:#555;font-size:15px;line-height:1.6;margin:0;font-weight:400}.channel-highlights{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.highlight-item{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff000014,#ff00000a);border:1px solid rgba(255,0,0,.15);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;color:#333;transition:all .3s ease}.highlight-item:hover{background:linear-gradient(135deg,#ff00001f,#ff000014);transform:translateY(-1px)}.highlight-icon{font-size:14px}.channel-actions{margin-top:auto;display:flex;gap:12px}.primary-action{background:linear-gradient(135deg,red,#c00);color:#fff;border:none;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:12px 20px;border-radius:25px;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 15px #f003;flex:1;justify-content:center}.primary-action:hover{background:linear-gradient(135deg,#c00,#900);transform:translateY(-2px);box-shadow:0 8px 25px #ff00004d}.secondary-action{background:transparent;color:#333;border:1.5px solid rgba(0,0,0,.15);display:flex;align-items:center;gap:6px;font-weight:500;font-size:14px;padding:11px 18px;border-radius:25px;transition:all .3s ease;text-decoration:none;flex:1;justify-content:center}.secondary-action:hover{background:#0000000d;border-color:#00000040;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.video-section{margin-bottom:18px;flex-grow:1}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#1a1a1a;margin:0;text-transform:uppercase;letter-spacing:.05em}.section-badge{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #ff450033}.view-all-link{color:#666;font-size:13px;font-weight:500;text-decoration:none;display:flex;align-items:center;gap:4px;transition:all .3s ease}.view-all-link:hover{color:red;transform:translate(2px)}.featured-video{cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden}.featured-video:hover{transform:scale(1.02);box-shadow:0 12px 35px #00000026}.video-thumbnail-wrapper{position:relative;border-radius:12px;overflow:hidden;margin-bottom:10px}.video-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);position:relative;overflow:hidden;border-radius:12px}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.featured-video:hover .video-overlay{opacity:1}.play-icon{background:#fffffff2;color:#333;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;transform:scale(.8)}.featured-video:hover .play-icon{transform:scale(1);background:#fff;box-shadow:0 8px 25px #0003}.duration-badge{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.duration-badge.small{padding:2px 6px;font-size:10px;border-radius:4px}.video-meta{padding:0 4px}.video-title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:#1a1a1a;margin:0 0 8px;line-height:1.3;text-transform:none}.video-stats{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.separator{opacity:.6}.recent-videos-section{margin-top:18px;padding-top:16px;border-top:1px solid rgba(0,0,0,.08);flex-shrink:0}.recent-videos-list{display:flex;flex-direction:column;gap:10px}.recent-video-card{display:flex;gap:12px;align-items:flex-start;padding:8px;border-radius:8px;background:transparent;transition:all .3s ease;cursor:pointer}.recent-video-card:hover{background:#00000005;transform:translate(4px)}.recent-video-card.loading{opacity:.6;pointer-events:none;cursor:default}.recent-thumbnail-wrapper{flex-shrink:0}.recent-thumbnail{width:64px;height:36px;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-radius:6px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.recent-thumbnail.fallback{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.recent-thumbnail .video-overlay{background:#0009;opacity:0;transition:opacity .3s ease}.recent-video-card:hover .recent-thumbnail .video-overlay{opacity:1}.recent-thumbnail .video-overlay svg{color:#fff}.recent-video-info{flex:1;min-width:0}.recent-video-title{font-size:13px;font-weight:500;color:#333;margin:0 0 4px;line-height:1.3;text-transform:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.recent-video-stats{display:flex;align-items:center;gap:4px;font-size:11px;color:#888}@media (max-width: 640px){.channel-stats-grid{grid-template-columns:1fr;gap:10px}.stat-card{padding:12px 14px}.channel-actions{flex-direction:column;gap:8px}.primary-action,.secondary-action{padding:12px 18px}.recent-thumbnail{width:56px;height:32px}.recent-video-title{font-size:12px}.channel-highlights{gap:8px}.highlight-item{padding:4px 8px;font-size:11px}.highlight-icon{font-size:12px}}@media (max-width: 680px){.mr-flap.top,.mr-flap.bottom{height:48%}.mr-flap.left,.mr-flap.right{width:28%}}@media (prefers-reduced-motion: reduce){.mr-flap{transform:none!important;display:none!important}.mr-content{opacity:1!important;transform:none!important}}.project-card{padding:16px;position:relative;overflow:hidden;will-change:transform}.project-media{aspect-ratio:16 / 10;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#0e1116;display:grid;place-items:center}.project-card{position:relative;transform:rotateX(var(--tiltX, 0deg)) rotateY(var(--tiltY, 0deg)) translateY(var(--lift, 0));transition:transform .25s ease,box-shadow .25s ease;overflow:hidden}.project-card:hover{--lift: -4px;box-shadow:var(--shadow-lg)}.blueprint{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:repeating-linear-gradient(0deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(0,0,0,.06),rgba(0,0,0,.06) 1px,transparent 1px,transparent 20px)}.project-card:hover .blueprint{opacity:.4}.dark-section .blueprint{background:repeating-linear-gradient(0deg,rgba(64,224,255,.15),rgba(64,224,255,.15) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(90deg,rgba(147,51,234,.12),rgba(147,51,234,.12) 1px,transparent 1px,transparent 20px)}.dark-section .project-card:hover .blueprint{opacity:.6}.project-title{margin:14px 0 8px;font-weight:700;letter-spacing:-.01em}.project-desc{color:var(--muted);margin:0 0 14px}.stack{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:999px}.card-actions{display:flex;gap:10px;margin-top:14px}.timeline{display:grid;gap:var(--gap)}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:20px}@media (max-width: 640px){.timeline-item{grid-template-columns:1fr}}.time{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--gap);align-items:stretch}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}.contact-form-container{display:flex;flex-direction:column;height:100%}.contact-send-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease}.contact-send-btn:hover{background:#ffffff26;border-color:hsl(var(--accent));color:#fff;transform:translateY(-1px)}.contact-send-btn:disabled{opacity:.8;cursor:not-allowed;transform:none}.contact-send-btn svg{flex-shrink:0}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-hint a{color:#00d4ff;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}.form-hint a:after{content:"";position:absolute;width:0;height:1px;bottom:-1px;left:0;background-color:#00d4ff;transition:width .3s ease}.form-hint a:hover{color:#09c;text-shadow:0 0 8px rgba(0,212,255,.3)}.form-hint a:hover:after{width:100%}.form{display:grid;gap:12px;box-sizing:border-box;max-width:100%;flex:1}@media (max-width: 768px){.contact-grid{gap:16px;padding:0;margin:0;max-width:100%;box-sizing:border-box}}.input,.textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 14px;outline:none;transition:border .2s ease,box-shadow .2s ease;box-sizing:border-box;max-width:100%}@media (max-width: 768px){.input,.textarea{padding:10px 12px;font-size:16px}}.input:focus,.textarea:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px color-mix(in hsl,hsl(var(--accent)) 30%,transparent)}.textarea{min-height:140px;resize:vertical}.form-hint{color:var(--muted);font-size:14px}.contact-info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box;height:100%;display:flex;flex-direction:column;justify-content:space-between}.contact-info-title{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.contact-info-subtitle{color:#fffc;font-size:14px;line-height:1.5;margin:0 0 20px}.social-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin-bottom:20px;flex:1;align-content:start}.social-link{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.social-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.social-link:hover:before{left:100%}.social-link:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.social-icon{width:24px;height:24px;margin-bottom:6px;transition:all .3s ease;position:relative;z-index:1}.social-icon svg{width:100%;height:100%}.social-icon.github{color:#fff}.social-icon.linkedin{color:#0077b5}.social-icon.instagram{color:#e4405f}.social-icon.pinterest{color:#bd081c}.social-icon.youtube{color:red}.social-link:hover .social-icon{transform:scale(1.1)}.social-label{color:#ffffffe6;font-size:12px;font-weight:600;text-align:center;position:relative;z-index:1;transition:color .3s ease}.social-link:hover .social-label{color:#fff}.contact-additional-info{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.contact-note{color:#ffffffb3;font-size:12px;font-style:italic;margin:0;text-align:center}@media (max-width: 768px){.contact-info-card{padding:24px 20px}.social-links-grid{grid-template-columns:repeat(2,1fr);gap:12px}.social-link{padding:16px 12px}.social-icon{width:28px;height:28px}.contact-info-title{font-size:20px}.contact-info-subtitle{font-size:15px}}@media (max-width: 480px){.social-links-grid{grid-template-columns:repeat(2,1fr);max-width:420px;margin:0 auto 24px;gap:12px}.social-link{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px 16px;width:100%}.social-icon{width:24px;height:24px;margin-bottom:0;margin-right:12px}}.footer{padding:32px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:14px}.footer a{color:#fffc;text-decoration:none}.footer a:hover{color:hsl(var(--accent))}@media (max-width: 768px){.footer-grid{flex-direction:column;align-items:center;gap:12px;text-align:center}.footer-links{display:grid;grid-template-columns:repeat(2,minmax(100px,1fr));gap:10px 16px;justify-items:center}.footer-name{font-weight:600}.footer-rights{opacity:.9}}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-name,.footer-rights{color:#fff}.footer-copyright{font-family:var(--font-mono);font-size:15px;font-weight:500;letter-spacing:.02em;color:#fff}.paperphone{height:260vh;padding:0}.pp-pin{position:sticky;top:0;min-height:100vh;display:grid;align-items:center}.pp-inner{display:grid;gap:16px}.pp-title{font-family:var(--font-display);font-size:clamp(26px,4.4vw,50px);letter-spacing:-.02em;color:#0b1220}.pp-frame{display:grid;place-items:center;padding:clamp(18px,2.4vw,24px)}.pp-scene{position:relative;width:clamp(280px,44vw,560px);height:clamp(520px,70vh,760px);perspective:1000px}.pp-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);border:2px dashed var(--line);border-radius:18px}.pp-flap{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:12px;transform-style:preserve-3d;box-shadow:var(--shadow-sm)}.pp-flap.top{left:4%;right:4%;top:0;height:22%;transform-origin:top center;transform:rotateX(calc(var(--fTop,0) * 178deg))}.pp-flap.bottom{left:4%;right:4%;bottom:0;height:22%;transform-origin:bottom center;transform:rotateX(calc(var(--fBottom,0) * -178deg))}.pp-flap.left{top:6%;bottom:6%;left:0;width:20%;transform-origin:left center;transform:rotateY(calc(var(--fLeft,0) * 178deg))}.pp-flap.right{top:6%;bottom:6%;right:0;width:20%;transform-origin:right center;transform:rotateY(calc(var(--fRight,0) * -178deg))}.pp-shadow{position:absolute;inset:8% 8% auto 8%;height:20%;background:radial-gradient(closest-side,rgba(0,0,0,.12),transparent 60%);filter:blur(12px);transform:translateZ(-1px);opacity:calc(.2 + var(--pp,0) * .4)}.pp-phone{position:absolute;top:6%;right:6%;bottom:6%;left:6%;border-radius:32px;background:#0b1220;border:1px solid #dfe7f2;box-shadow:0 16px 40px #00000026;opacity:var(--reveal, 0);transform:translateY(calc((1 - var(--reveal,0)) * 16px)) scale(calc(.98 + var(--reveal,0) * .02));will-change:transform,opacity}.pp-screen{position:absolute;top:10%;right:6%;bottom:12%;left:6%;background:linear-gradient(180deg,hsl(var(--accent) / .18),hsl(var(--accent2) / .18));border-radius:22px}.pp-notch{position:absolute;top:6%;left:50%;width:34%;height:18px;transform:translate(-50%);background:#0b1220;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.pp-btn.side{position:absolute;right:-4px;top:40%;width:3px;height:40px;background:#c8d4e8;border-radius:3px}@media (max-width: 640px){.pp-scene{height:clamp(420px,70vh,640px)}}@media (prefers-reduced-motion: reduce){.pp-flap,.pp-phone{transition:none!important;transform:none!important}}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}.chip{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:6px 10px;border-radius:999px;background:#ffffff05}.gradient-text{background:linear-gradient(90deg,hsl(var(--accent)),hsl(var(--accent2)));-webkit-background-clip:text;background-clip:text;color:transparent}.dark-section{background:#0b0b0c;color:#fff}.dark-section .h2{color:#fff;text-shadow:0 0 20px rgba(110,231,249,.3)}.dark-section .subtitle{color:#a0a6b8}.dark-section .project-title{color:#fff}.dark-section .project-desc{color:#8a9099}.dark-section .badge{color:#8a9099;border-color:#2a2d35}.dark-section .card{background:linear-gradient(180deg,#ffffff0d,#ffffff05);border-color:#2a2d35}.dark-section .time{color:#8a9099}.dark-section .input,.dark-section .textarea{background:#ffffff0d;border-color:#2a2d35;color:#fff}.dark-section .input:focus,.dark-section .textarea:focus{border-color:hsl(var(--accent));box-shadow:0 0 0 3px color-mix(in hsl,hsl(var(--accent)) 20%,transparent)}.dark-section .form-hint{color:#8a9099}.dark-section .footer{background:#0b0b0c;border-top:none;color:#fff}.dark-section .footer a{color:#fffc}.dark-section .footer a:hover{color:hsl(var(--accent))}.dark-section .btn.secondary{background:#ffffff14;border-color:#ffffff26;color:#fff}.dark-section .btn.secondary:hover{background:#ffffff1f;border-color:hsl(var(--accent));color:#fff}@media (max-width: 768px){body{overflow-x:hidden!important}.container{max-width:100%!important;width:100%!important;box-sizing:border-box!important}.media-reveal{height:auto!important;min-height:auto!important;padding:24px 0!important}.mr-pin{position:static!important;min-height:auto!important}.mr-inner{width:100%!important;max-width:100%!important}.mr-scene{width:92vw!important;max-width:440px!important;min-height:auto!important;height:auto!important;margin:16px auto!important;border-radius:15px 0 0 15px!important;overflow:hidden!important;position:static!important}.mr-border,.mr-flap{display:none!important;opacity:0!important}.mr-content{padding:1.25rem .75rem!important;width:100%!important;max-width:440px!important;margin:0 auto!important;position:static!important;opacity:1!important;transform:none!important;text-align:center!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;border-radius:15px 0 0 15px!important}.youtube-compact-layout{width:100%!important;max-width:400px!important;margin:0 auto!important;padding:0 10px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.youtube-compact-layout>*{width:100%!important}.stats-section{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px;justify-items:stretch!important;align-items:stretch!important;max-width:420px!important;width:100%!important;margin:0 auto!important}.stat-item{padding:8px 6px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:64px!important}.stat-item .stat-value{font-size:18px!important}.stat-item .stat-label{font-size:10px!important;letter-spacing:.03em;white-space:nowrap}.featured-content,.recent-content{max-width:400px!important;width:100%!important;margin:0 auto!important;padding:8px!important;border-radius:12px!important}.featured-content .section-header,.recent-content .section-header{width:100%!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.content-grid{grid-template-columns:1fr!important;gap:12px!important;justify-items:center!important}.media-reveal .stats-section .stat-item:nth-child(2){display:none!important}.media-reveal .stats-section{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.youtube-compact-layout{padding:0 12px!important;gap:12px!important;max-width:360px!important}.stats-section,.featured-content,.recent-content{max-width:360px!important}.recent-video-compact .duration-badge{display:none!important}}.youtube-compact-layout .stats-section .stat-item{transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.youtube-compact-layout .stats-section .stat-item:hover{transform:translateY(-2px);background:#00000005;box-shadow:0 4px 15px #00000014}a.btn{text-decoration:none}