*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff;--surface:#ffffff;--border:#e0e0e0;--red:#e63946;--blue:#2176ff;--yellow:#ffd166;--green:#06c270;--accent2:var(--blue);--accent4:var(--green);--text:#111111;--muted:#555;--radius:16px;--max-w:900px;--logo-ink:var(--text);--logo-accent:var(--blue);--logo-accent-dev:var(--blue);--logo-accent-design:#6d28d9;--logo-accent-life:var(--green);--header-bg:var(--bg);--header-border:var(--border);--body-bg:var(--bg);--tag-tint-dev:#dbeafe;--tag-tint-design:#ede9fe;--tag-tint-life:#dcfce7;--accent-tint:#dbeafe;--post-hero-dev-bg:#dbeafe;--post-hero-design-bg:#ede9fe;--post-hero-life-bg:linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);--post-title-color:var(--text);--post-back-color:var(--muted);--post-back-hover:var(--text);--post-body-color:var(--text);--post-date-color:var(--muted);--hero-tag-color:var(--muted);--holding-p-color:var(--muted);--footer-link-color:var(--muted);--footer-link-hover:var(--text);--footer-copy-color:var(--muted);--dropdown-btn-color:var(--text);--dropdown-btn-hover-color:var(--text);--tab-btn-color:var(--muted);--h2-color:var(--text);--carousel-h2-color:var(--text);--card-h3-color:var(--text);--about-intro-p:var(--muted)}html.dark{--bg:#2a2a2a;--surface:#252525;--border:#484848;--red:#ff5c67;--blue:#4d9fff;--yellow:#ffd166;--green:#00e68a;--accent2:var(--blue);--accent4:var(--green);--text:#f0f0f0;--muted:#9ca3af;--logo-ink:var(--text);--logo-accent:var(--blue);--logo-accent-dev:var(--blue);--logo-accent-design:#c4b5fd;--logo-accent-life:var(--green);--tag-tint-dev:#1e3a5f;--tag-tint-design:#2e1065;--tag-tint-life:#0c3b2a;--accent-tint:#1e3a5f;--post-hero-dev-bg:#1e3a5f;--post-hero-design-bg:#2e1065;--post-hero-life-bg:linear-gradient(135deg, #0c3b2a 0%, #14532d 100%)}html.waves{--bg:#eaecf4;--surface:#dde0ef;--border:#b0b8d8;--red:#b94040;--blue:#1e2a6e;--yellow:#2e3f8f;--green:#4a5aaa;--accent2:var(--blue);--accent4:var(--red);--text:#0f1428;--muted:#4a5070;--logo-ink:#ffffff;--logo-accent:#5aa7e0;--logo-accent-dev:#5aa7e0;--logo-accent-design:#b9a6e8;--logo-accent-life:#7cc691;--header-bg:#1e2a6e;--header-border:#16205a;--body-bg:transparent;--accent-tint:#cce0f5;--post-title-color:#ffffff;--post-back-color:#ffffff;--post-back-hover:#5aa7e0;--post-body-color:#ffffff;--post-date-color:#ffffff;--hero-tag-color:#ffffff;--holding-p-color:#ffffff;--footer-link-color:#ffffff;--footer-link-hover:#5aa7e0;--footer-copy-color:#ffffff;--dropdown-btn-color:#5aa7e0;--dropdown-btn-hover-color:#1a3a6e;--tab-btn-color:#ffffff;--h2-color:#ffffff;--carousel-h2-color:#1a3a6e;--card-h3-color:#1a3a6e;--about-intro-p:#ffffff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 440'%3E%3Cpath fill='rgba(12,20,75,0.65)' d='M0,335 C45,335 45,318 90,318 C135,318 135,335 180,335 C225,335 225,310 270,310 C315,310 315,335 360,335 C405,335 405,318 450,318 C495,318 495,335 540,335 C585,335 585,310 630,310 C675,310 675,335 720,335 L720,440 L0,440 Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 440'%3E%3Cpath fill='rgba(25,45,105,0.55)' d='M0,300 C45,300 45,278 90,278 C135,278 135,300 180,300 C225,300 225,270 270,270 C315,270 315,300 360,300 C405,300 405,278 450,278 C495,278 495,300 540,300 C585,300 585,270 630,270 C675,270 675,300 720,300 L720,440 L0,440 Z'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 440'%3E%3Cpath fill='rgba(50,75,150,0.4)' d='M0,280 C45,280 45,255 90,255 C135,255 135,280 180,280 C225,280 225,245 270,245 C315,245 315,280 360,280 C405,280 405,255 450,255 C495,255 495,280 540,280 C585,280 585,245 630,245 C675,245 675,280 720,280 L720,440 L0,440 Z'/%3E%3C/svg%3E"),linear-gradient(to bottom,#1e2a6e 0,#b8c2e8 100%);background-repeat:repeat-x,repeat-x,repeat-x,no-repeat;background-size:720px 440px,720px 440px,720px 440px,100% 100%;background-position-x:0,0,0,0;background-position-y:calc(100% + 40px),calc(100% + 40px),calc(100% + 40px),top;background-attachment:fixed;animation:wave-drift 120s linear infinite,wave-bob 15s linear infinite}@keyframes wave-drift{from{background-position-x:0,0,0,0}to{background-position-x:-2160px,1440px,-720px,0}}@keyframes wave-bob{0%{background-position-y:calc(100% + 40px),calc(100% + 40px),calc(100% + 40px),top}10%{background-position-y:calc(100% + 39.1px),calc(100% + 38.3px),calc(100% + 39.3px),top}20%{background-position-y:calc(100% + 36.5px),calc(100% + 33.8px),calc(100% + 37.6px),top}30%{background-position-y:calc(100% + 33.5px),calc(100% + 28.2px),calc(100% + 35.4px),top}40%{background-position-y:calc(100% + 31px),calc(100% + 23.7px),calc(100% + 33.7px),top}50%{background-position-y:calc(100% + 30px),calc(100% + 22px),calc(100% + 33px),top}60%{background-position-y:calc(100% + 31px),calc(100% + 23.7px),calc(100% + 33.7px),top}70%{background-position-y:calc(100% + 33.5px),calc(100% + 28.2px),calc(100% + 35.4px),top}80%{background-position-y:calc(100% + 36.5px),calc(100% + 33.8px),calc(100% + 37.6px),top}90%{background-position-y:calc(100% + 39.1px),calc(100% + 38.3px),calc(100% + 39.3px),top}100%{background-position-y:calc(100% + 40px),calc(100% + 40px),calc(100% + 40px),top}}@media (prefers-reduced-motion:reduce){html.waves{animation:none}}html.vaporwave{--bg:#1b0a3d;--surface:#2a1152;--border:#5a3a8a;--red:#ff2fb0;--blue:#2de2e6;--yellow:#ffb86c;--green:#ff6ec7;--accent2:var(--blue);--accent4:var(--red);--text:#fdf4ff;--muted:#e9dcf5;--about-intro-p:#ffffff;--logo-ink:var(--text);--logo-accent:var(--blue);--logo-accent-dev:var(--blue);--logo-accent-design:#ff2fb0;--logo-accent-life:#ffb86c;--header-bg:#1b0a3d;--header-border:#3a1263;--body-bg:transparent;--tag-tint-dev:rgba(45,226,230,0.18);--tag-tint-design:rgba(255,47,176,0.18);--tag-tint-life:rgba(255,184,108,0.18);--accent-tint:rgba(45,226,230,0.18);--post-hero-dev-bg:rgba(45,226,230,0.18);--post-hero-design-bg:rgba(255,47,176,0.18);--post-hero-life-bg:linear-gradient(135deg, rgba(255,184,108,0.25) 0%, rgba(255,47,176,0.25) 100%);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 400'%3E%3Cg stroke='rgba(45,226,230,0.45)' stroke-width='1.5' fill='none'%3E%3Cline x1='720' y1='260' x2='720' y2='400'/%3E%3Cline x1='720' y1='260' x2='520' y2='400'/%3E%3Cline x1='720' y1='260' x2='920' y2='400'/%3E%3Cline x1='720' y1='260' x2='320' y2='400'/%3E%3Cline x1='720' y1='260' x2='1120' y2='400'/%3E%3Cline x1='720' y1='260' x2='70' y2='400'/%3E%3Cline x1='720' y1='260' x2='1370' y2='400'/%3E%3Cline x1='720' y1='260' x2='-230' y2='400'/%3E%3Cline x1='720' y1='260' x2='1670' y2='400'/%3E%3Cline x1='720' y1='260' x2='-580' y2='400'/%3E%3Cline x1='720' y1='260' x2='2020' y2='400'/%3E%3Cline x1='0' y1='260' x2='1440' y2='260'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse 750px 450px at 50% 79%,rgba(255,157,108,.55) 0,rgba(255,47,176,.35) 42%,transparent 74%),linear-gradient(180deg,#1b0a3d 0,#2f0f58 16%,#6b2a82 34%,#c9508f 55%,#ff9d6c 79%,#7b2d8e 90%,#1b0a3d 100%);background-size:max(100%,1440px) auto,100% 100%,100% 100%;background-position:center bottom,center top,top;background-repeat:no-repeat;background-attachment:fixed}html.vaporwave body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(45,226,230,.5) 0,rgba(45,226,230,.5) 1.5px,transparent 1.5px,transparent 30px);-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 141px),black calc(100% - 141px),black 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 141px),black calc(100% - 141px),black 100%);animation:grid-approach 2.4s linear infinite}@media (min-width:1440px){html.vaporwave body::before{-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 9.79vw),black calc(100% - 9.79vw),black 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 9.79vw),black calc(100% - 9.79vw),black 100%)}}@keyframes grid-approach{from{background-position-y:0}to{background-position-y:30px}}@media (prefers-reduced-motion:reduce){html.vaporwave body::before{animation:none}}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{background:var(--body-bg);color:var(--text);font-family:Nunito,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}h1,h2,h3{font-family:'Elms Sans',system-ui,-apple-system,sans-serif}.site{flex:1;position:relative;overflow:hidden;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}html.vaporwave .site,html.waves .site{background-image:none}.site-inner{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 24px;position:relative;z-index:1}body>header{position:sticky;top:0;z-index:200;width:100%;padding:8px 0;border-bottom:1px solid var(--header-border);background:var(--header-bg)}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.logo{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.03em;text-decoration:none;color:var(--logo-ink);display:inline-block}.logo-mikey,.logo-oh{color:var(--logo-ink)}.logo-exclaim{color:var(--logo-accent);display:inline-block;transform:rotate(-8deg);transition:color .2s}.cat-dev{--logo-accent:var(--logo-accent-dev)}.cat-design{--logo-accent:var(--logo-accent-design)}.cat-life{--logo-accent:var(--logo-accent-life)}.header-right{display:flex;align-items:center;gap:16px}.theme-dropdown{position:relative}.theme-dropdown-btn{display:flex;align-items:center;gap:6px;background:0 0;border:2px solid var(--border);border-radius:50px;padding:5px 12px 5px 14px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;color:var(--dropdown-btn-color);transition:border-color .2s,background .2s;white-space:nowrap}.theme-dropdown-btn:hover{border-color:var(--accent2);background:var(--surface);color:var(--dropdown-btn-hover-color)}.theme-dropdown-arrow{font-size:11px;color:var(--muted);transition:transform .2s;line-height:1}.theme-dropdown-btn[aria-expanded=true] .theme-dropdown-arrow{transform:rotate(180deg)}.theme-dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:130px;background:var(--bg);border:2px solid var(--border);border-radius:14px;padding:6px;list-style:none;z-index:300;box-shadow:0 4px 16px rgba(0,0,0,.12);animation:dropdownIn .15s ease}.theme-dropdown-menu.open{display:block}@keyframes dropdownIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-option{display:block;width:100%;text-align:left;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.theme-option:hover{background:var(--surface);color:var(--text)}.theme-option.active{color:var(--accent2);background:var(--surface)}.holding{flex:1;position:relative;padding:80px 0 60px;overflow:hidden;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:22px 22px}html.vaporwave .holding,html.waves .holding{background-image:none}.holding-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;position:relative}.holding-content{max-width:620px;position:relative;z-index:1}.hero-tag{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--hero-tag-color);margin-bottom:24px}.hero-tag-dot{width:8px;height:8px;border-radius:50%;background:var(--logo-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--logo-accent) 18%,transparent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.hero-tag-dot{animation:none}}.holding h1{font-size:clamp(38px, 6vw, 62px);font-weight:600;line-height:1.05;letter-spacing:-3.5px;margin-bottom:20px;color:var(--h2-color)}.holding-content>p:not(.hero-tag){font-size:18px;color:var(--holding-p-color);line-height:1.7}.holding-contact{display:flex;align-items:center;gap:12px;margin-top:40px;padding:20px 24px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--muted);flex-wrap:wrap}.holding-contact a{color:var(--blue);text-decoration:none;font-weight:700}.holding-contact a:hover{text-decoration:underline;color:var(--accent4)}.holding-ghost{position:absolute;top:-80px;right:-20px;font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:clamp(320px, 34vw, 640px);font-weight:700;line-height:1;color:var(--logo-accent);opacity:.06;transform:rotate(-8deg);z-index:0;user-select:none;pointer-events:none}html.waves .holding-ghost{color:#fff;opacity:.12}.holding-glow{position:absolute;top:-50px;right:0;width:460px;height:460px;border-radius:50%;background:var(--logo-accent);filter:blur(140px);opacity:.14;z-index:0;pointer-events:none}.site-ghost{position:absolute;top:-80px;right:-160px;font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:clamp(320px, 34vw, 640px);font-weight:700;line-height:1;color:var(--logo-accent);opacity:.06;transform:rotate(-8deg);z-index:0;user-select:none;pointer-events:none}.site-glow{position:absolute;top:-50px;right:-60px;width:460px;height:460px;border-radius:50%;background:var(--logo-accent);filter:blur(140px);opacity:.14;z-index:0;pointer-events:none}html.waves .site-ghost{color:#fff;opacity:.12}.holding-cursor{display:inline-block;width:4px;height:.85em;margin-left:6px;vertical-align:-.08em;background:var(--logo-accent);animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.holding-cursor{animation:none}}.carousel{position:relative;overflow:hidden;border-radius:var(--radius);margin:40px 0 0;border:1px solid var(--border)}.carousel-track{display:flex;transition:transform .45s cubic-bezier(.4, 0, .2, 1)}.carousel-slide{flex:0 0 100%;min-width:0;height:320px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:36px 40px;overflow:hidden;text-decoration:none;color:inherit;transition:filter .2s}.carousel-slide:hover{filter:brightness(.97)}.carousel-slide.img-slide{background-color:#dbeafe;background-size:cover;background-position:center}.carousel-slide.img-slide.pink{background-color:#fce7f3}.carousel-slide.img-slide.purple{background-color:#ede9fe}.carousel-slide.img-slide.yellow{background-color:#fef9c3}.carousel-slide.img-slide.green{background-color:#dcfce7}.carousel-slide.img-slide.blue{background-color:#dbeafe}.carousel-slide.img-slide .carousel-slide-content{position:relative}.carousel-slide.img-slide .carousel-slide-content h2,.carousel-slide.img-slide .carousel-slide-content p,.carousel-slide.img-slide .carousel-slide-tag{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.carousel-slide.text-slide{background:var(--surface);justify-content:center;padding:48px 56px}.carousel-slide-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:4px 12px;border-radius:50px;border:1px solid var(--border);color:var(--logo-accent);margin-bottom:14px}.carousel-slide-content h2{font-size:clamp(22px, 3.5vw, 36px);font-weight:600;letter-spacing:-2px;line-height:1.1;margin-bottom:12px}.carousel-slide.text-slide .carousel-slide-content h2{color:var(--carousel-h2-color)}.carousel-slide-content p{font-size:16px;color:var(--muted);line-height:1.6;max-width:520px}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--bg);border:1px solid var(--border);border-radius:0;width:30px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--text);z-index:10;opacity:.4;transition:background .2s,border-color .2s,opacity .2s;line-height:1}.carousel-btn:hover{background:var(--surface);border-color:var(--accent2);opacity:1}.carousel-btn.prev{left:0;border-left:none;border-radius:0 4px 4px 0}.carousel-btn.next{right:0;border-right:none;border-radius:4px 0 0 4px}.carousel-pagination{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px;z-index:10}.carousel-dot{width:7px;height:7px;border-radius:50%;background:var(--border);border:none;cursor:pointer;padding:0;transition:background .2s,transform .2s}.carousel-dot.active{background:var(--accent2);transform:scale(1.3)}.carousel-slide.img-slide~.carousel-pagination .carousel-dot{background:rgba(255,255,255,.5)}.tabs-wrapper{padding:48px 0 80px;width:100%;position:relative;z-index:1}.tab-nav{display:flex;gap:8px;margin-bottom:32px;border-bottom:1px solid var(--border);padding-bottom:0}.tab-btn{display:inline-block;background:0 0;border:none;cursor:pointer;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;color:var(--tab-btn-color);padding:10px 20px;border-radius:12px 12px 0 0;position:relative;bottom:-2px;border:1px solid transparent;border-bottom:none;transition:color .2s,background .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);background:var(--bg);border-color:var(--border);border-bottom-color:var(--bg)}.tab-panel{display:none;width:100%;animation:fadeIn .2s ease}.tab-panel.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.about-intro{display:flex;align-items:flex-start;gap:32px;margin-bottom:40px;flex-wrap:wrap}.about-avatar{width:120px;height:120px;border-radius:50%;background:var(--logo-accent);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid #fff;box-shadow:1px 2px 8px rgba(0,0,0,.15)}.about-intro-text h2{font-size:clamp(28px, 4vw, 40px);font-weight:600;letter-spacing:-2px;margin-bottom:8px;color:var(--h2-color)}.section-eyebrow{display:block;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--logo-accent);margin-bottom:8px}.about-intro-text p{font-size:16px;color:var(--about-intro-p)}.about-bio{font-size:17px;line-height:1.75;color:var(--text);margin-bottom:32px}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-block;font-size:13px;font-weight:700;padding:6px 14px;border-radius:50px;border:2px solid var(--border);background:var(--surface);color:var(--text)}.blog-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:680px){.blog-list{grid-template-columns:1fr}}@media (min-width:681px) and (max-width:900px){.blog-list{grid-template-columns:repeat(2,1fr)}}.blog-card-image{height:140px;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0;margin:-18px -18px 18px -18px;background:#e0f0ff;background-size:cover;background-position:center}.blog-card-image.dev{background-color:#dbeafe}.blog-card-image.design{background-color:#ede9fe}.blog-card-image.life{background-color:#dcfce7}.blog-card-image.food{background-color:#fce7f3}.blog-card-image.hobbies{background-color:#fef9c3}.blog-card{display:flex;flex-direction:column;padding:18px 18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);transition:border-color .2s,transform .15s}.blog-card:hover{border-color:var(--accent2);transform:translateY(-3px)}.blog-card p{flex:1}.blog-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.blog-card-date{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.blog-card-tag{font-size:12px;font-weight:700;padding:3px 10px;border-radius:50px;background:var(--accent-tint);color:var(--logo-accent)}html.waves .blog-card-tag{background:var(--logo-accent);color:#fff}.blog-card-tag.dev{background:var(--tag-tint-dev);color:var(--logo-accent-dev)}.blog-card-tag.design{background:var(--tag-tint-design);color:var(--logo-accent-design)}.blog-card-tag.life{background:var(--tag-tint-life);color:var(--logo-accent-life)}html.waves .blog-card-tag.dev{background:var(--logo-accent-dev);color:#fff}html.waves .blog-card-tag.design{background:var(--logo-accent-design);color:#fff}html.waves .blog-card-tag.life{background:var(--logo-accent-life);color:#fff}.blog-card h3{font-size:20px;font-weight:600;letter-spacing:-1px;margin-bottom:8px;color:var(--card-h3-color)}.blog-card p{font-size:15px;color:var(--muted);line-height:1.65}.blog-empty{font-size:16px;color:var(--muted);padding:40px 0}.tab-panel.contact-panel.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width:680px){.tab-panel.contact-panel.active{grid-template-columns:minmax(0,1fr)}}@media (min-width:681px) and (max-width:900px){.tab-panel.contact-panel.active{grid-template-columns:repeat(2,minmax(0,1fr))}}.contact-item{display:flex;flex-direction:column;gap:12px;padding:22px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);font-weight:700;font-size:15px;transition:border-color .2s,transform .15s}.contact-item:hover{border-color:var(--accent2);transform:translateY(-2px)}.contact-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-tint);color:var(--logo-accent)}.contact-icon svg{width:20px;height:20px}html.waves .contact-icon{background:var(--logo-accent);color:#fff}.contact-item-meta{display:flex;flex-direction:column}.contact-item-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:2px}.contact-item-value{font-size:15px;font-weight:700;color:var(--blue)}.post-hero{width:100%;height:320px;margin:40px 0 0;border-radius:var(--radius);border:1px solid var(--border);position:relative;overflow:hidden;background-size:cover;background-position:center}.post-hero.default,.post-hero.dev{background-color:var(--post-hero-dev-bg)}.post-hero.design{background-color:var(--post-hero-design-bg)}.post-hero.life{background:var(--post-hero-life-bg)}.post-wrapper{padding:48px 0 80px;position:relative;z-index:1}.post-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--post-back-color);text-decoration:none;margin-bottom:40px}.post-back:hover{color:var(--post-back-hover)}.post-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.post-date{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--post-date-color)}.post-tag{font-size:12px;font-weight:700;padding:3px 10px;border-radius:50px;background:var(--logo-accent);color:#fff}.post-title{font-size:clamp(28px, 4vw, 42px);font-weight:600;letter-spacing:-2.5px;line-height:1.1;margin-bottom:32px;color:var(--post-title-color)}.post-body{font-size:17px;line-height:1.8;color:var(--post-body-color)}.post-body p{margin-bottom:20px}.post-body p:last-child{margin-bottom:0}.post-body a{color:var(--logo-accent);font-weight:700;text-decoration:underline;text-underline-offset:2px}.post-body h2{font-size:clamp(22px, 3vw, 28px);font-weight:600;letter-spacing:-1px;margin:44px 0 16px;color:var(--post-title-color)}.post-body h2:first-child{margin-top:0}.post-body ul{list-style:none;padding:0;margin:0 0 20px}.post-body ul li{position:relative;padding-left:22px;margin-bottom:14px;line-height:1.7}.post-body ul li::before{content:'';position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--logo-accent)}.post-body ul li:last-child{margin-bottom:0}.post-body ul li strong{color:var(--post-title-color)}.table-scroll{overflow-x:auto;margin-bottom:20px}.post-body table{width:100%;min-width:420px;border-collapse:collapse;font-size:15px}.post-body td,.post-body th{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.post-body td:last-child{white-space:normal}.post-body th{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--logo-accent)}body>footer{border-top:1px solid var(--border);margin-top:auto;padding:32px 0}html.vaporwave body>footer,html.waves body>footer{border-top:none}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-logo{font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.03em;text-decoration:none;color:var(--logo-ink)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:13px;font-weight:700;color:var(--footer-link-color);text-decoration:none}.footer-links a:hover{color:var(--footer-link-hover)}.footer-copy{font-size:13px;color:var(--footer-copy-color);width:100%}@media (min-width:600px){.footer-copy{width:auto}}@media (max-width:390px){.site-inner{padding:0 10px}}