@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{--bg:#080a0f;--panel:#0d1219;--panel2:#121824;--text:#f4f7fa;--muted:#94a0b2;--muted2:#606d80;--line:#1c2432;--line2:#2a374c;--cyan:#38bdf8;--cyan-glow:rgba(56,189,248,0.22);--cyan-soft:rgba(56,189,248,0.08);--cyan-border:rgba(56,189,248,0.32);--blue:#60a5fa;--blue-glow:rgba(96,165,250,0.22);--indigo:#818cf8;--indigo-glow:rgba(129,140,248,0.2);--indigo-soft:rgba(129,140,248,0.09);--emerald:#34d399;--emerald-dark:#10b981;--emerald-glow:rgba(52,211,153,0.25);--emerald-soft:rgba(52,211,153,0.08);--emerald-border:rgba(52,211,153,0.32);--ruby:#f43f5e;--ruby-dark:#e11d48;--ruby-glow:rgba(244,63,94,0.28);--ruby-soft:rgba(244,63,94,0.1);--ruby-border:rgba(244,63,94,0.38);--amber:#fbbf24;--amber-glow:rgba(251,191,36,0.25);--amber-soft:rgba(251,191,36,0.09);--purple:#c084fc;--purple-soft:rgba(192,132,252,0.09);--accent:var(--cyan);--accent2:var(--indigo);--accentSoft:var(--cyan-soft);--max:1240px;--header-h:74px;--radius-sm:4px;--radius-md:8px;--transition-smooth:0.28s cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 8%,rgba(56,189,248,.07),transparent 36%),radial-gradient(circle at 15% 35%,rgba(129,140,248,.05),transparent 32%),radial-gradient(circle at 85% 75%,rgba(52,211,153,.04),transparent 30%),radial-gradient(circle at 20% 90%,rgba(244,63,94,.035),transparent 28%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.display{font-family:Space Grotesk,sans-serif}.mono{font-family:DM Mono,monospace}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.skip-to-content{position:absolute;top:-9999px;left:16px;background:var(--panel2);color:var(--cyan);padding:10px 18px;border:1px solid var(--cyan-border);border-radius:var(--radius-sm);font-family:DM Mono,monospace;font-size:12px;font-weight:500;letter-spacing:.05em;z-index:99999;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 16px var(--cyan-glow);transition:top .2s ease}.skip-to-content:focus{top:16px;outline:2px solid var(--cyan);outline-offset:2px}header.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header-h);background:rgba(8,10,15,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);transition:background .3s ease,border-color .3s ease}header.site-header.scrolled{background:rgba(8,10,15,.96);border-bottom-color:rgba(56,189,248,.16);box-shadow:0 10px 30px rgba(0,0,0,.4)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:inline-flex;align-items:center;gap:10px;font-family:DM Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--text);transition:color var(--transition-smooth)}.brand-logo .handle-indicator{width:8px;height:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);display:inline-block;animation:pulseGlow 2.5s infinite}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 12px var(--cyan)}50%{transform:scale(1.25);opacity:.75;box-shadow:0 0 20px var(--cyan)}}.brand-logo:hover{color:var(--cyan)}.nav-links{display:flex;gap:28px;align-items:center;color:#a3b0c2;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.02em}.nav-links a{transition:color var(--transition-smooth);position:relative;padding:6px 0}.nav-links a:hover{color:#fff}.nav-links a.nav-cta{background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(129,140,248,.12));border:1px solid var(--cyan-border);padding:6px 14px;border-radius:var(--radius-sm);color:var(--cyan);font-weight:500;transition:all var(--transition-smooth)}.nav-links a.nav-cta:hover{background:linear-gradient(135deg,rgba(56,189,248,.25),rgba(129,140,248,.25));border-color:var(--cyan);color:#fff;box-shadow:0 0 15px rgba(56,189,248,.25);transform:translateY(-1px)}.nav-links .nav-ext{border-left:1px solid var(--line);padding-left:24px;color:#cbd5e1}.nav-links .nav-ext:hover{color:var(--cyan)}.menu-toggle{display:none;background:transparent;border:1px solid var(--line2);color:var(--text);width:42px;height:42px;border-radius:var(--radius-sm);cursor:pointer;padding:10px;flex-direction:column;justify-content:space-around;align-items:center;transition:border-color var(--transition-smooth),background var(--transition-smooth)}.menu-toggle:hover{border-color:var(--cyan);background:rgba(56,189,248,.08)}.menu-toggle span{display:block;width:20px;height:2px;background-color:var(--text);transition:transform .25s ease,opacity .25s ease}.menu-toggle.is-open span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-drawer{position:fixed;top:var(--header-h);left:0;width:100%;height:calc(100vh - var(--header-h));background:rgba(8,10,15,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;padding:36px 24px;gap:20px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;z-index:99;border-bottom:1px solid var(--line)}.mobile-drawer.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-drawer a{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;color:#cbd5e1;padding-block:10px;border-bottom:1px solid rgba(255,255,255,.05);transition:color var(--transition-smooth),transform var(--transition-smooth)}.mobile-drawer a:focus,.mobile-drawer a:hover{color:var(--cyan);transform:translateX(6px)}.mobile-drawer .mobile-ext-links{margin-top:auto;display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid var(--line)}.mobile-drawer .mobile-ext-links a{font-family:DM Mono,monospace;font-size:13px;color:var(--cyan);border-bottom:none;padding-block:4px}.hero{min-height:100vh;display:flex;padding:calc(var(--header-h) + 40px) 0 70px;position:relative}.hero,.hero-grid{align-items:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:clamp(40px,4.5vw,68px);gap:clamp(40px,4.5vw,68px)}.hero-content{display:flex;flex-direction:column}.eyebrow{font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8d9bb0;margin-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.eyebrow .pulse-dot{width:8px;height:8px;background:var(--emerald);border-radius:50%;box-shadow:0 0 12px var(--emerald);display:inline-block;animation:pulseEmerald 2.5s infinite}@keyframes pulseEmerald{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.eyebrow .hero-handle-badge{color:var(--cyan);background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(129,140,248,.08));border:1px solid var(--cyan-border);padding:3px 9px;border-radius:3px;letter-spacing:.05em;font-weight:500;box-shadow:0 0 15px rgba(56,189,248,.1)}.hero-real-name-wrap{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hero-real-name{font-family:DM Mono,monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:#a8b8cc}.hero-real-name-sep{color:var(--muted2)}.hero-title{font-size:clamp(44px,5.8vw,86px);line-height:.94;letter-spacing:-.06em;font-weight:600;margin-bottom:24px}.hero-title .highlight-gradient{background:linear-gradient(135deg,#38bdf8,#818cf8 60%,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 35px rgba(56,189,248,.3))}.animated-accent-line{height:2px;width:110px;background:linear-gradient(90deg,var(--cyan),var(--indigo),var(--emerald),transparent);margin-bottom:22px;transform-origin:left;animation:expandLine 1.2s cubic-bezier(.16,1,.3,1) forwards}@keyframes expandLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-lead{font-size:16px;line-height:1.75;color:var(--muted);max-width:530px;margin-bottom:32px}.actions{display:flex;gap:14px;flex-wrap:wrap}.btn{height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line2);font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-smooth);background:transparent;color:var(--text);cursor:pointer}.btn.primary{background:var(--text);color:#080a0f;border-color:var(--text)}.btn.primary:hover{background:var(--cyan);border-color:var(--cyan);color:#080a0f;box-shadow:0 6px 24px rgba(56,189,248,.35);transform:translateY(-2px)}.btn.accent-gradient{background:linear-gradient(135deg,rgba(56,189,248,.14),rgba(129,140,248,.14));color:var(--cyan);border:1px solid var(--cyan-border);box-shadow:0 0 15px rgba(56,189,248,.12)}.btn.accent-gradient:hover{background:linear-gradient(135deg,rgba(56,189,248,.28),rgba(129,140,248,.28));border-color:var(--cyan);color:#fff;box-shadow:0 6px 20px rgba(56,189,248,.28);transform:translateY(-2px)}.hero-meta{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:28px;flex-wrap:wrap}.hero-meta span{font-family:DM Mono,monospace;font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.06em;display:inline-flex;align-items:center;gap:7px}.hero-meta span .dot-meta{width:6px;height:6px;border-radius:50%;display:inline-block}.hero-meta span .dot-meta.green{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.hero-meta span .dot-meta.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.hero-meta span .dot-meta.indigo{background:var(--indigo);box-shadow:0 0 8px var(--indigo)}.hero-meta span .dot-meta.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.hero-meta b{color:#b0bfd2;font-weight:500}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.hero-dp-aura{position:absolute;width:90%;height:90%;background:radial-gradient(circle,rgba(56,189,248,.16) 0,rgba(129,140,248,.08) 45%,transparent 70%);filter:blur(48px);z-index:1;pointer-events:none;animation:auraBreathe 7s ease-in-out infinite alternate}@keyframes auraBreathe{0%{transform:scale(.94);opacity:.6}to{transform:scale(1.06);opacity:.85}}.hero-dp-container{position:relative;z-index:2;width:100%;max-width:clamp(440px,35vw,510px);aspect-ratio:1/1;transition:transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 24px 50px rgba(0,0,0,.72))}.hero-dp-container:hover{transform:translateY(-5px) scale(1.015);filter:drop-shadow(0 30px 60px rgba(0,0,0,.82))}.hero-dp-inner{width:100%;height:100%;clip-path:url(#pebbleClip);-webkit-clip-path:url(#pebbleClip);background:#090d14;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-dp-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;transform:scale(1.02);transition:transform .6s cubic-bezier(.16,1,.3,1)}.hero-dp-container:hover .hero-dp-img{transform:scale(1.04)}.pebble-border-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero-dp-status{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);background:rgba(9,14,23,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.32);border-radius:999px;padding:4px 13px;display:inline-flex;align-items:center;gap:7px;box-shadow:0 4px 14px rgba(0,0,0,.6);white-space:nowrap;z-index:4}.dp-status-dot{width:6.5px;height:6.5px;border-radius:50%;background:var(--emerald);box-shadow:0 0 6px rgba(52,211,153,.65);animation:statusPulse 2.5s ease-in-out infinite}.dp-status-text{font-family:DM Mono,monospace;font-size:9.5px;font-weight:500;letter-spacing:.08em;color:#cbd5e1}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.9)}}section{padding:125px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.kicker{font-family:DM Mono,monospace;font-size:11px;font-weight:500;color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title{font-size:clamp(38px,4.5vw,64px);line-height:1;letter-spacing:-.05em;font-weight:600}.section-note{font-size:13px;line-height:1.7;color:var(--muted);max-width:320px;text-align:right}.work-item{padding:0 0 78px;margin-bottom:65px;border-bottom:1px solid var(--line)}.work-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.work-top{display:grid;grid-template-columns:55px 1fr auto;grid-gap:20px;gap:20px;align-items:start;margin-bottom:24px}.num{font-family:DM Mono,monospace;font-size:13px;font-weight:600;padding-top:6px}.work-name{font-size:clamp(28px,3.3vw,44px);line-height:1.05;letter-spacing:-.04em;font-weight:600}.work-desc{font-size:14px;color:var(--muted);margin-top:8px;max-width:620px;line-height:1.6}.work-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.tags{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.tag-pill{font-family:DM Mono,monospace;font-size:9px;font-weight:500;padding:5px 9px;border-radius:3px;letter-spacing:.04em;display:inline-flex;align-items:center;gap:5px}.tag-cyan{background:var(--cyan-soft);border:1px solid var(--cyan-border);color:var(--cyan)}.tag-blue{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:var(--blue)}.tag-indigo{background:var(--indigo-soft);border:1px solid rgba(129,140,248,.32);color:var(--indigo)}.tag-emerald{background:var(--emerald-soft);border:1px solid var(--emerald-border);color:var(--emerald)}.tag-ruby{background:var(--ruby-soft);border:1px solid var(--ruby-border);color:#fb7185}.tag-amber{background:var(--amber-soft);border:1px solid rgba(251,191,36,.32);color:var(--amber)}.tag-purple{background:var(--purple-soft);border:1px solid rgba(192,132,252,.32);color:var(--purple)}.btn-view-site{display:inline-flex;align-items:center;gap:6px;font-family:DM Mono,monospace;font-size:11px;font-weight:600;padding:9px 18px;border-radius:var(--radius-sm);transition:all var(--transition-smooth);letter-spacing:.04em}.theme-cybershadow .num{color:var(--cyan)}.theme-cybershadow .work-name{color:#f0f9ff}.theme-cybershadow .btn-view-site{background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff;border:1px solid var(--cyan);box-shadow:0 4px 18px rgba(14,165,233,.35)}.theme-cybershadow .btn-view-site:hover{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 6px 24px rgba(56,189,248,.5);transform:translateY(-2px)}.theme-cybershadow .preview{border:1px solid rgba(56,189,248,.3);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 50px rgba(56,189,248,.12)}.theme-cybershadow .preview-bar{border-bottom-color:rgba(56,189,248,.2)}.theme-cybershadow .preview-bar-left .dot.active{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.theme-recon .num{color:var(--emerald)}.theme-recon .work-name{color:#ecfdf5}.theme-recon .btn-view-site{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:1px solid var(--emerald);box-shadow:0 4px 18px rgba(16,185,129,.35)}.theme-recon .btn-view-site:hover{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 24px rgba(52,211,153,.5);transform:translateY(-2px)}.theme-recon .preview{border:1px solid rgba(52,211,153,.3);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 50px rgba(52,211,153,.1)}.theme-recon .preview-bar-left .dot.active{background:var(--emerald);box-shadow:0 0 8px var(--emerald)}.theme-dorkx .num{color:var(--amber)}.theme-dorkx .work-name{color:#fef3c7}.theme-dorkx .btn-view-site{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;border:1px solid var(--amber);box-shadow:0 4px 18px rgba(245,158,11,.35)}.theme-dorkx .btn-view-site:hover{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 6px 24px rgba(251,191,36,.5);transform:translateY(-2px)}.theme-dorkx .preview{border:1px solid rgba(245,158,11,.3);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 50px rgba(245,158,11,.1)}.theme-dorkx .preview-bar-left .dot.active{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dorkx-terminal-body{background:#080705;display:grid;grid-template-columns:240px 1fr;min-height:440px}.dorkx-side{border-right:1px solid #291e0a;background:#060503;padding:24px}.dorkx-brand{color:var(--amber);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:18px}.dorkx-brand,.dorkx-item{font-family:DM Mono,monospace}.dorkx-item{font-size:9px;color:#78716c;padding:10px 0;border-bottom:1px solid #1c1917;display:flex;justify-content:space-between}.dorkx-badge,.dorkx-item.on{color:var(--amber);font-weight:500}.dorkx-badge{border:1px solid rgba(245,158,11,.4);background:var(--amber-soft);font-family:DM Mono,monospace;font-size:9px;padding:4px 9px;border-radius:3px;display:inline-flex;align-items:center;gap:5px}.dorkx-ok{color:var(--amber);font-weight:500}.theme-bitc .num{color:var(--blue)}.theme-bitc .work-name{color:#eff6ff}.theme-bitc .btn-view-site{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;border:1px solid var(--blue);box-shadow:0 4px 18px rgba(37,99,235,.35)}.theme-bitc .btn-view-site:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 6px 24px rgba(96,165,250,.5);transform:translateY(-2px)}.theme-bitc .preview{border:1px solid rgba(96,165,250,.3);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 50px rgba(59,130,246,.12)}.theme-bitc .preview-bar-left .dot.active{background:var(--blue);box-shadow:0 0 8px var(--blue)}.theme-roktodan .num{color:#fb7185}.theme-roktodan .work-name{color:#fff1f2}.theme-roktodan .btn-view-site{background:linear-gradient(135deg,#e11d48,#f43f5e);color:#fff;border:1px solid #fb7185;box-shadow:0 4px 18px rgba(225,29,72,.4)}.theme-roktodan .btn-view-site:hover{background:linear-gradient(135deg,#f43f5e,#fb7185);box-shadow:0 6px 24px rgba(244,63,94,.55);transform:translateY(-2px)}.theme-roktodan .preview{border:1px solid rgba(244,63,94,.35);box-shadow:0 25px 70px rgba(0,0,0,.45),0 0 50px rgba(244,63,94,.14)}.theme-roktodan .preview-bar-left .dot.active{background:#f43f5e;box-shadow:0 0 8px #f43f5e}.preview{background:#090d14;position:relative;border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-smooth),box-shadow var(--transition-smooth)}.preview-bar{height:40px;border-bottom:1px solid #202b3a;background:#080b10;justify-content:space-between;padding:0 16px}.preview-bar,.preview-bar-left{display:flex;align-items:center}.preview-bar-left{gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#374151;display:inline-block}.address{color:#7a8a9f;margin-left:14px;display:flex;gap:6px}.address,.preview-bar-link{font-family:DM Mono,monospace;font-size:10px;align-items:center}.preview-bar-link{color:var(--cyan);display:inline-flex;gap:4px;transition:color var(--transition-smooth);font-weight:500}.preview-bar-link:hover{color:#fff;text-decoration:underline}.preview-body{padding:0;position:relative;overflow:hidden}.preview-screenshot-wrap{width:100%;height:auto;background:#090d14;overflow:hidden;position:relative;display:block}.preview-screenshot{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;transition:transform .6s cubic-bezier(.16,1,.3,1)}.preview:hover .preview-screenshot{transform:scale(1.02)}.recon-terminal-body{background:#070a0e;display:grid;grid-template-columns:240px 1fr;min-height:440px}.term-side{border-right:1px solid #1a232e;padding:24px;background:#06080c}.term-side .brand{color:var(--emerald);font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:18px}.term-item,.term-side .brand{font-family:DM Mono,monospace}.term-item{font-size:9px;color:#64748b;padding:10px 0;border-bottom:1px solid #141c25;display:flex;justify-content:space-between}.term-item.on{color:var(--emerald);font-weight:500}.terminal-main{padding:28px;background:#080c12;flex-direction:column}.term-head,.terminal-main{display:flex;justify-content:space-between}.term-head{align-items:flex-start;margin-bottom:20px}.term-title{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:600}.status-badge{font-size:9px;border:1px solid var(--emerald-border);background:var(--emerald-soft);color:var(--emerald);padding:4px 9px;border-radius:3px;display:inline-flex;align-items:center;gap:5px;font-weight:500}.log,.status-badge{font-family:DM Mono,monospace}.log{font-size:11px;line-height:2.1;color:#94a3b8;background:#05070a;border:1px solid #18222d;padding:20px;border-radius:4px;margin-bottom:18px}.log .cmd{color:#f1f5f9;font-weight:500}.log .ok{color:var(--emerald);font-weight:500}.log .dim{color:#64748b}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.metric{border:1px solid #1c2734;padding:12px 14px;background:#0a0f16;border-radius:3px}.metric small{font-family:DM Mono,monospace;font-size:8px;color:#718296;display:block;letter-spacing:.05em}.metric b{display:block;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:600;margin-top:2px}.metric.m-cyan b{color:var(--cyan)}.metric.m-green b{color:var(--emerald)}.metric.m-purple b{color:var(--purple)}.metric.m-amber b{color:var(--amber)}.security-box{border:1px solid rgba(244,63,94,.35);background:linear-gradient(135deg,#110e16,#0c1017 65%);padding:52px;display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;position:relative;overflow:hidden;border-radius:var(--radius-sm);box-shadow:0 25px 70px rgba(0,0,0,.5),0 0 50px rgba(244,63,94,.08)}.security-box:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;border:1px solid rgba(244,63,94,.12);right:-130px;bottom:-160px;pointer-events:none}.badge-critical{display:inline-block;font-family:DM Mono,monospace;font-size:9px;font-weight:600;color:#fda4af;border:1px solid var(--ruby-border);background:linear-gradient(90deg,rgba(244,63,94,.2),rgba(225,29,72,.08));padding:7px 12px;margin-bottom:22px;border-radius:3px;letter-spacing:.08em;box-shadow:0 0 18px rgba(244,63,94,.2)}.security-box h3{font-family:Space Grotesk,sans-serif;font-size:clamp(32px,3.8vw,50px);line-height:1.02;letter-spacing:-.05em;font-weight:600}.security-box p{color:var(--muted);font-size:14px;line-height:1.8;margin-top:20px;max-width:480px}.details{border-left:1px solid var(--line);padding-left:44px;display:flex;flex-direction:column;justify-content:center}.detail{padding:16px 0;border-bottom:1px solid var(--line)}.detail:first-child{padding-top:0}.detail:last-child{border-bottom:none;padding-bottom:0}.detail label{display:block;font-family:DM Mono,monospace;font-size:9px;color:var(--muted2);text-transform:uppercase;margin-bottom:6px;letter-spacing:.06em}.detail strong{font-size:14px;font-weight:500;color:#e2e8f0}.detail strong.text-ruby{color:#fda4af}.detail strong.text-cyan{color:var(--cyan)}.detail strong.text-emerald{color:var(--emerald)}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:90px;gap:90px}.about-copy{font-family:Space Grotesk,sans-serif;font-size:clamp(23px,2.5vw,32px);line-height:1.45;letter-spacing:-.03em;color:#e2e8f0}.about-copy span.highlight{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}.about-side{border-left:1px solid var(--line);padding-left:40px;color:var(--muted);font-size:15px;line-height:1.85}.about-side p+p{margin-top:18px}.sig{font-family:DM Mono,monospace;font-size:11px;color:#a3b0c2;margin-top:35px;letter-spacing:.06em;display:flex;align-items:center;gap:10px}.sig .sig-handle{color:var(--cyan);font-weight:500}.cap-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.cap{padding:34px 34px 44px 0;border-bottom:1px solid var(--line);min-height:200px;transition:background .3s ease}.cap:nth-child(2n){border-left:1px solid var(--line);padding-left:40px;padding-right:0}.cap-num{font-family:DM Mono,monospace;font-size:11px;font-weight:600}.cap-cyan .cap-num{color:var(--cyan)}.cap-ruby .cap-num{color:#fb7185}.cap-emerald .cap-num{color:var(--emerald)}.cap-indigo .cap-num{color:var(--indigo)}.cap h3{font-family:Space Grotesk,sans-serif;font-size:25px;font-weight:600;margin:16px 0 10px;letter-spacing:-.03em}.cap p{font-size:13px;line-height:1.7;color:var(--muted);max-width:480px}.skills{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.exp{border-top:1px solid var(--line)}.exp-row{display:grid;grid-template-columns:170px 1fr auto;grid-gap:32px;gap:32px;padding:34px 24px;border-bottom:1px solid var(--line);align-items:start;border-radius:var(--radius-sm);transition:background .2s ease}.exp-row:hover{background:rgba(255,255,255,.02)}.exp-date{font-family:DM Mono,monospace;font-size:10px;color:var(--muted2);text-transform:uppercase;letter-spacing:.08em;padding-top:6px}.exp-main{display:flex;flex-direction:column}.exp-role{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:600;line-height:1.2;color:var(--text)}.exp-company-line{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.exp-company{font-size:13px;color:#9cb0c6;font-weight:500}.exp-link{font-family:DM Mono,monospace;font-size:10px;padding:4px 10px;border-radius:3px;display:inline-flex;align-items:center;gap:5px;transition:all var(--transition-smooth);font-weight:500}.exp-link.link-indigo{background:var(--indigo-soft);border:1px solid rgba(129,140,248,.35);color:var(--indigo);box-shadow:0 0 12px rgba(129,140,248,.15)}.exp-link.link-indigo:hover{background:rgba(129,140,248,.25);color:#fff;transform:translateX(2px)}.exp-link.link-cyan{background:var(--cyan-soft);border:1px solid var(--cyan-border);color:var(--cyan);box-shadow:0 0 12px rgba(56,189,248,.12)}.exp-link.link-cyan:hover{background:rgba(56,189,248,.22);color:#fff;transform:translateX(2px)}.exp-link.link-amber{background:var(--amber-soft);border:1px solid rgba(251,191,36,.35);color:var(--amber);box-shadow:0 0 12px rgba(251,191,36,.12)}.exp-link.link-amber:hover{background:rgba(251,191,36,.22);color:#fff;transform:translateX(2px)}.exp-desc{font-size:12px;line-height:1.7;color:var(--muted);text-align:right;max-width:320px;padding-top:6px}.toolkit-grid{border-top:1px solid var(--line);padding-top:32px;display:flex;flex-wrap:wrap;gap:9px}.toolkit-tag{font-family:DM Mono,monospace;font-size:11px;padding:8px 14px;border-radius:3px;background:#0b0f16;border:1px solid var(--line2);transition:all var(--transition-smooth);font-weight:500}.toolkit-tag.tk-cyan:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 15px rgba(56,189,248,.2);transform:translateY(-2px)}.toolkit-tag.tk-indigo:hover{border-color:var(--indigo);color:var(--indigo);box-shadow:0 0 15px rgba(129,140,248,.2);transform:translateY(-2px)}.toolkit-tag.tk-emerald:hover{border-color:var(--emerald);color:var(--emerald);box-shadow:0 0 15px rgba(52,211,153,.2);transform:translateY(-2px)}.toolkit-tag.tk-amber:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 15px rgba(251,191,36,.2);transform:translateY(-2px)}.contact{padding:135px 0 120px}.contact-wrapper{max-width:680px;margin:0 auto}.contact-head-center{text-align:center;margin-bottom:44px}.contact .section-title{font-size:clamp(40px,6vw,76px);line-height:.98;letter-spacing:-.05em}.contact p{max-width:520px;margin:20px auto 0;color:var(--muted);font-size:15px;line-height:1.7}.contact-form-card{background:linear-gradient(145deg,#0d121b,#090c12);border:1px solid var(--line2);border-radius:var(--radius-md);padding:40px;box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 45px rgba(56,189,248,.05);position:relative}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.form-group.full{grid-column:1/-1;margin-bottom:20px}.form-label{font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#9cb0c6}.form-input,.form-select,.form-textarea{background:#080b10;border:1px solid var(--line2);border-radius:var(--radius-sm);color:var(--text);font-family:Inter,sans-serif;font-size:13px;padding:12px 14px;transition:all var(--transition-smooth);width:100%}.form-textarea{min-height:120px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 16px rgba(56,189,248,.2);background:#0b0f16}.btn-submit-form{width:100%;height:50px;background:linear-gradient(135deg,#0284c7,#0ea5e9);border:1px solid var(--cyan);color:#fff;font-family:DM Mono,monospace;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all var(--transition-smooth);box-shadow:0 6px 20px rgba(14,165,233,.35)}.btn-submit-form:hover{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 8px 28px rgba(56,189,248,.5);transform:translateY(-2px)}.btn-submit-form:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-status-msg{margin-top:18px;padding:12px 16px;border-radius:var(--radius-sm);font-family:DM Mono,monospace;font-size:12px;display:none;text-align:left}.form-status-msg.success{display:block;background:rgba(52,211,153,.12);border:1px solid var(--emerald-border);color:var(--emerald)}.form-status-msg.error{display:block;background:rgba(244,63,94,.12);border:1px solid var(--ruby-border);color:#fda4af}.hp-field,.visually-hidden-field{display:none!important;visibility:hidden;opacity:0;position:absolute;left:-9999px;width:0;height:0;pointer-events:none}.site-footer,footer{border-top:1px solid var(--line);padding:48px 0 36px;background:#05070a;position:relative}.site-footer:before,footer:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.4),transparent);pointer-events:none}.footer-wrapper{display:flex;flex-direction:column;gap:32px}.footer-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.footer-identity{max-width:440px}.footer-name{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:14px;font-weight:500;letter-spacing:.04em;color:var(--text)}.footer-handle{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--cyan);background:var(--cyan-soft);border:1px solid var(--cyan-border);padding:2px 8px;border-radius:var(--radius-sm)}.footer-handle .terminal-prompt,.footer-sub{color:var(--muted2)}.footer-sub{font-family:DM Mono,monospace;font-size:11px;margin-top:8px;letter-spacing:.05em}.footer-socials-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.footer-socials-label{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2)}.footer-socials{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.social-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(13,18,25,.7);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);font-family:DM Mono,monospace;font-size:12px;text-decoration:none;transition:all var(--transition-smooth);position:relative}.social-badge svg{flex-shrink:0;transition:transform var(--transition-smooth)}.social-badge:hover{transform:translateY(-2px)}.social-badge:hover svg{transform:scale(1.1)}.badge-github:hover{border-color:rgba(244,247,250,.5);color:#ffffff;background:rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(255,255,255,.1)}.badge-linkedin:hover{border-color:rgba(0,119,181,.6);color:#38bdf8;background:rgba(0,119,181,.12);box-shadow:0 4px 16px rgba(0,119,181,.25)}.badge-x:hover{border-color:rgba(244,247,250,.6);color:#ffffff;background:rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(255,255,255,.15)}.badge-facebook:hover{border-color:rgba(24,119,242,.6);color:#60a5fa;background:rgba(24,119,242,.12);box-shadow:0 4px 16px rgba(24,119,242,.25)}.badge-instagram:hover{border-color:rgba(225,48,108,.6);color:#f472b6;background:rgba(225,48,108,.12);box-shadow:0 4px 16px rgba(225,48,108,.25)}.badge-whatsapp:hover{border-color:rgba(37,211,102,.6);color:#34d399;background:rgba(37,211,102,.12);box-shadow:0 4px 16px rgba(37,211,102,.25)}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap;gap:16px}.footer-nav-links{display:flex;gap:20px;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:11px;color:var(--muted)}.footer-nav-links a{transition:color var(--transition-smooth)}.footer-nav-links a:hover{color:var(--cyan)}.footer-copy{font-family:DM Mono,monospace;font-size:11px;color:var(--muted2)}.footer{display:flex;justify-content:space-between;align-items:flex-end}.footer-links{display:flex;gap:24px;color:var(--muted);font-family:DM Mono,monospace;font-size:11px;align-items:center}.footer-links a{transition:color var(--transition-smooth)}.footer-links a:hover{color:var(--cyan)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.show{opacity:1;transform:none}.hero-animate-1{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .1s both}.hero-animate-2{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .22s both}.hero-animate-3{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .35s both}.hero-animate-4{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .48s both}.hero-animate-5{animation:heroFadeUp .8s cubic-bezier(.16,1,.3,1) .6s both}.hero-animate-card{animation:heroCardIn 1s cubic-bezier(.16,1,.3,1) .35s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCardIn{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}.hero-visual{order:-1;justify-content:center;align-items:center;width:100%;margin:0 auto}.hero-dp-container{max-width:330px;margin:0 auto}.hero-content{align-items:center;text-align:center}.eyebrow,.hero-real-name-wrap{justify-content:center}.animated-accent-line{margin:0 auto 22px}.hero-lead{margin-left:auto;margin-right:auto}.actions,.hero-meta{justify-content:center}.split{grid-template-columns:1fr;gap:40px}.about-side{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:30px}.security-box{grid-template-columns:1fr;gap:40px;padding:36px}.details{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:28px}.preview-screenshot-wrap{height:auto!important;max-height:none!important}.dorkx-terminal-body,.recon-terminal-body{grid-template-columns:1fr!important;min-height:auto!important}.dorkx-side,.term-side{display:none!important}}@media (max-width:850px){.container{width:calc(100% - 36px)}.nav-links{display:none}.menu-toggle{display:flex}.hero{padding-top:calc(var(--header-h) + 36px);padding-bottom:70px}.hero-title{font-size:clamp(38px,11vw,64px)}.section-head{display:block;margin-bottom:40px}.section-note{text-align:left;margin-top:14px;max-width:100%}.work-top{grid-template-columns:36px 1fr;gap:12px}.work-actions{grid-column:1/-1;align-items:flex-start;margin-top:10px}.tags{justify-content:flex-start}.cap-grid{grid-template-columns:1fr}.cap:nth-child(2n){border-left:none;padding-left:0}.exp-row{grid-template-columns:1fr;gap:12px;padding:24px 16px}.exp-desc{text-align:left;max-width:100%}.metric-row{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr;gap:16px}.contact-form-card{padding:28px 20px}.footer-top-row{flex-direction:column;align-items:flex-start;gap:24px}.footer-socials-wrap{align-items:flex-start;width:100%}.footer-socials{justify-content:flex-start;width:100%}.footer-bottom-row{gap:14px}.footer,.footer-bottom-row{flex-direction:column;align-items:flex-start}.footer{gap:22px}.footer-links{flex-wrap:wrap;gap:16px}.footer-copy{border-left:none;padding-left:0;display:block;width:100%}}@media (max-width:480px){.container{width:calc(100% - 24px)}.hero-visual{margin:0 auto 18px}.hero-dp-container{max-width:min(260px,70vw);margin:0 auto}.hero-dp-status{bottom:-6px;padding:4px 10px}.dp-status-text{font-size:8.5px}.preview-screenshot-wrap{height:auto!important;min-height:auto!important;aspect-ratio:auto!important;max-height:none!important;overflow:hidden}.preview-screenshot{height:auto!important;max-width:100%!important;display:block;object-fit:contain}.preview-bar{height:36px;padding:0 10px}.address{display:none}.preview-bar-link{font-size:9px}.terminal-main{padding:16px 12px}.term-head{margin-bottom:12px}.term-title{font-size:17px}.log{padding:12px 10px;font-size:10px;line-height:1.85;margin-bottom:12px;word-break:break-word;white-space:pre-wrap;overflow-x:auto}.metric-row{grid-template-columns:repeat(2,1fr);gap:6px}.metric{padding:8px 10px}.metric b{font-size:14px}.work-item{padding-bottom:50px;margin-bottom:45px}.btn-view-site{width:100%;text-align:center;justify-content:center}.security-box{padding:24px 18px}.actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation:none!important;transition-duration:.001ms!important}.reveal{opacity:1!important;transform:none!important}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-sans:"Inter","Inter Fallback"}