:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#020617;color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,#020617 0 40%,#020617)}#root{min-height:100vh}a{color:inherit}.page{position:relative;min-height:100vh;padding:2.5rem clamp(1.5rem,4vw,4rem) 2rem;color:#f8fafc;overflow:hidden}.skip-link{position:absolute;left:50%;transform:translate(-50%);top:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:#f8fafc;color:#020617;font-size:.85rem;text-decoration:none;border:2px solid #0ea5e9;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}.skip-link:focus-visible{clip:auto;clip-path:none;z-index:20}.grid-background{position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(56,189,248,.08),transparent 55%),radial-gradient(circle at bottom right,rgba(129,140,248,.12),transparent 55%);pointer-events:none;z-index:-2}.page-glow{position:fixed;inset-inline:10%;height:220px;border-radius:999px;filter:blur(60px);opacity:.55;mix-blend-mode:screen;z-index:-1}.page-glow--top{top:-80px;background:linear-gradient(90deg,#0ea5e9,#6366f1,#a855f7)}.page-glow--bottom{bottom:-120px;background:linear-gradient(90deg,#22c55e,#06b6d4,#6366f1)}.nav{display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:1120px;padding:.75rem 1.25rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:radial-gradient(circle at top left,#0f172ae6,#0f172af5);box-shadow:0 18px 45px #0f172ae6,0 0 0 1px #0f172acc;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.nav-left{display:flex;align-items:center;gap:.7rem}.logo-mark{width:2.1rem;height:2.1rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;letter-spacing:.08em;font-weight:600;color:#e0f2fe;background:radial-gradient(circle at 30% 0,#22d3ee,#0ea5e9 40%,#1e293b);box-shadow:0 0 20px #38bdf8b3,0 0 1px 1px #0f172ae6}.logo-text{font-size:.95rem;font-weight:500;color:#e5e7eb;letter-spacing:.08em;text-transform:uppercase}.logo-dot{color:#38bdf8}.nav-links{display:flex;gap:1.5rem;font-size:.9rem}.nav-toggle{display:none;width:2.4rem;height:2.4rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#0f172af2;color:#e5e7eb;align-items:center;justify-content:center;padding:0;cursor:pointer}.nav-toggle-bar{width:1.2rem;height:2px;border-radius:999px;background:#e5e7eb;position:relative}.nav-toggle-bar+.nav-toggle-bar{margin-left:-1.2rem;transform:translateY(4px)}.nav-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.nav-links-mobile{display:none}.nav-links a{color:#cbd5f5;text-decoration:none;position:relative;padding-block:.15rem}.nav-links a:focus-visible{outline:2px solid #38bdf8;outline-offset:4px}.nav-links a:after{content:"";position:absolute;left:0;bottom:-.4rem;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,#22d3ee,#a855f7);transition:width .25s ease-out}.nav-links a:hover:after{width:100%}.main{max-width:1120px;margin:2.5rem auto 0;display:flex;flex-direction:column;gap:4.5rem}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center}.hero-left{display:flex;flex-direction:column;gap:1.6rem}.eyebrow{font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:#94a3b8}.hero h1{font-size:clamp(2.7rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.04em;margin:0}.gradient-text{display:inline-block;background:linear-gradient(120deg,#38bdf8,#818cf8,#e879f9);-webkit-background-clip:text;color:transparent}.lede{margin:0;color:#cbd5f5;font-size:.98rem;max-width:34rem}.highlight{color:#e5e7eb;font-weight:600}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem}.hero-tags span{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;padding:.3rem .9rem;border-radius:999px;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at 0 0,#94a3b82e,#0f172ae6);color:#e5e7eb}.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.4rem;border-radius:999px;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s ease-out,border-color .2s ease-out,transform .15s ease-out,box-shadow .2s ease-out}.btn-primary{background:radial-gradient(circle at 0 0,#22d3ee,#0ea5e9 40%,#312e81);color:#e0f2fe;box-shadow:0 12px 26px #0f172acc,0 0 0 1px #082f49e6}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #0f172af2,0 0 25px #38bdf8a6}.btn-ghost{background:#0f172ab3;border-color:#94a3b899;color:#e5e7eb}.btn-ghost:hover{background:#1e293be6;border-color:#94a3b8e6}.btn-primary:focus-visible,.btn-ghost:focus-visible,.blog-share-button:focus-visible{outline:2px solid #facc15;outline-offset:3px}.hero-right{display:flex;flex-direction:column;gap:1.4rem;align-items:center}.orbital{position:relative;width:min(380px,90vw);aspect-ratio:1 / 1;border-radius:999px;background:radial-gradient(circle at 30% 0,#38bdf8a6,#0f172a);box-shadow:0 30px 80px #0f172af2,0 0 45px #38bdf8a6;display:flex;align-items:center;justify-content:center;overflow:hidden}.orbital-core{position:relative;width:46%;aspect-ratio:1 / 1;border-radius:inherit;background:radial-gradient(circle at 30% 0,#f8fafcf5,#94a3b84d),radial-gradient(circle at 70% 110%,#2563ebcc,#0f172a);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;color:#020617;text-transform:uppercase;letter-spacing:.25em;font-size:.8rem;font-weight:600;box-shadow:inset 0 0 0 1px #94a3b866,0 0 30px #94a3b880}.orbital-core span:last-child{font-weight:700}.orbital-ring{position:absolute;border-radius:999px;border:1px dashed rgba(148,163,184,.45);inset:14%}.orbital-ring--middle{inset:28%;border-style:solid;border-color:#818cf8b3}.orbital-ring--inner{inset:42%;border-style:solid;border-color:#38bdf8b3}.orbital-ring--outer{animation:spin 32s linear infinite}.orbital-node{position:absolute;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;background:#0f172ae6;border:1px solid rgba(148,163,184,.85);color:#e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.orbital-node--web{top:12%;left:14%}.orbital-node--app{top:18%;right:8%}.orbital-node--game{left:4%;bottom:32%}.orbital-node--ai{right:4%;bottom:30%}.orbital-node--crypto{bottom:10%;left:28%}.orbital-node--music{bottom:16%;right:18%}.hero-metas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;width:100%}.meta-label{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#9ca3af;margin-bottom:.2rem}.meta-value{font-size:.9rem;color:#e5e7eb}.section{border-radius:1.5rem;padding:1.9rem 1.8rem 1.7rem;border:1px solid rgba(148,163,184,.4);background:radial-gradient(circle at top left,#0f172ae6,#0f172afa);box-shadow:0 22px 46px #0f172af5,0 0 0 1px #0f172ae6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.4rem}.section-header h2{margin:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.22em;color:#cbd5f5}.section-header p{margin:0;color:#94a3b8;font-size:.92rem;max-width:28rem}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.about-card{border-radius:1.1rem;padding:1rem 1rem 1.05rem;border:1px solid rgba(148,163,184,.45);background:radial-gradient(circle at 20% 0,#94a3b82e,#0f172af5);color:#e5e7eb}.about-card h3{margin:0 0 .4rem;font-size:.98rem}.about-card p{margin:0;font-size:.88rem;color:#cbd5f5}.pill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pill{border-radius:999px;padding:.8rem 1.15rem;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at 0 0,#94a3b838,#0f172a);display:flex;flex-direction:column;gap:.1rem}.pill-label{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#e5e7eb}.pill-body{margin:0;font-size:.85rem;color:#cbd5f5}.stack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stack-column{padding:.9rem 1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at 0 0,#94a3b833,#0f172a)}.stack-label{margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.2em;font-size:.76rem;color:#e5e7eb}.stack-items{margin:0;font-size:.88rem;color:#cbd5f5}.section--contact{border-style:dashed}.contact-card{display:flex;align-items:flex-start;gap:1.9rem;justify-content:space-between}.contact-card h2{margin:0 0 .5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:.2em;color:#cbd5f5}.contact-card p{margin:0;font-size:.92rem;color:#cbd5f5;max-width:28rem}.contact-actions{display:flex;flex-direction:column;gap:.6rem;align-items:flex-end}.btn-primary--wide{min-width:13.5rem;justify-content:center}.contact-note{font-size:.82rem;color:#9ca3af;text-align:right}.footer{max-width:1120px;margin:1.8rem auto 0;padding-top:.7rem;border-top:1px solid rgba(51,65,85,.9);display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.8rem;color:#9ca3af}.footer-dot{opacity:.6}.footer-left{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.footer-social{display:flex;gap:.4rem}.footer-social-link{width:1.7rem;height:1.7rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;text-transform:uppercase;letter-spacing:.16em;color:#e5e7eb;background:#0f172ae6}.footer-social-link:hover{border-color:#38bdf8;box-shadow:0 0 12px #38bdf899}.footer-social-link:focus-visible{outline:2px solid #facc15;outline-offset:3px}.footer a{color:inherit;text-decoration:none}.footer a:hover{color:#e5e7eb}.footer a:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.legal-section{max-width:820px;margin-inline:auto}.legal-body{font-size:.9rem;color:#cbd5f5;display:flex;flex-direction:column;gap:.85rem}.legal-body h3{margin:1.1rem 0 .2rem;font-size:.95rem;color:#e5e7eb}.legal-body ul{margin:.2rem 0 .4rem 1.1rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.legal-body li{list-style:disc}.legal-term{font-weight:600;color:#e5e7eb}.legal-small{font-size:.78rem;color:#9ca3af}.blog-section{max-width:960px;margin-inline:auto}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.blog-card-link{text-decoration:none;color:inherit}.blog-card-link:hover .blog-card{transform:translateY(-2px);box-shadow:0 18px 40px #0f172afa,0 0 0 1px #0f172ae6}.blog-card{border-radius:1.1rem;padding:1.1rem 1rem 1.15rem;border:1px solid rgba(148,163,184,.5);background:radial-gradient(circle at 0 0,#94a3b838,#0f172a);display:flex;flex-direction:column;gap:.45rem;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .2s ease-out}.blog-card-header{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.blog-chip{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;padding:.2rem .7rem;border-radius:999px;border:1px solid rgba(96,165,250,.8);background:radial-gradient(circle at 0 0,#3b82f699,#0f172a);color:#dbeafe}.blog-meta{font-size:.78rem;color:#9ca3af}.blog-card h3{margin:.1rem 0 0;font-size:.98rem;color:#e5e7eb}.blog-card p{margin:0;font-size:.88rem;color:#cbd5f5}.blog-coming-soon{font-size:.8rem;color:#9ca3af}.blog-post{display:flex;flex-direction:column;gap:1.7rem}.blog-post-header h1{margin:.4rem 0 .5rem;font-size:1.6rem;letter-spacing:-.03em;color:#e5e7eb}.blog-post-intro{margin:0;font-size:.94rem;color:#cbd5f5;max-width:34rem}.blog-post-body{display:flex;flex-direction:column;gap:.9rem;font-size:.93rem;color:#e5e7eb}.blog-post-chip-row{display:flex;align-items:center;gap:.8rem}.blog-share-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid rgba(51,65,85,.9);padding-top:1.1rem}.blog-share-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af}.blog-share-actions{display:flex;flex-wrap:wrap;gap:.6rem}.blog-share-button{font-size:.8rem;padding:.4rem .85rem;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#0f172ae6;color:#e5e7eb;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.2rem}.blog-share-button:hover{background:#1e40afe6;border-color:#818cf8f2}.blog-share-button-outline{background:transparent}.blog-back-row{margin-top:.5rem}.portfolio-section{max-width:1120px;margin-inline:auto}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.portfolio-card{border-radius:1.3rem;padding:1.2rem 1.2rem 1.1rem;border:1px solid rgba(148,163,184,.55);background:radial-gradient(circle at 0 0,#94a3b838,#0f172a);display:flex;flex-direction:column;gap:.6rem}.portfolio-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.8rem}.portfolio-card h3{margin:0;font-size:1rem;color:#e5e7eb}.portfolio-role{margin:.25rem 0 0;font-size:.82rem;color:#9ca3af}.portfolio-summary{margin:0;font-size:.9rem;color:#cbd5f5}.portfolio-link{display:inline-flex;flex-direction:column;align-items:flex-end;gap:.15rem;font-size:.78rem;color:#e0f2fe;text-decoration:none}.portfolio-link-url{font-size:.76rem;color:#bae6fd}.portfolio-link:hover .portfolio-link-url{text-decoration:underline}.portfolio-tags{list-style:none;margin:.3rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.portfolio-tags li{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);color:#e5e7eb}.joshy-section{max-width:1120px;margin-inline:auto}.joshy-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.5rem}.joshy-messages{max-height:280px;padding:.75rem;border-radius:1.1rem;border:1px solid rgba(30,64,175,.8);background:radial-gradient(circle at 0 0,#0f172a,#0f172af5);overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.joshy-bubble{max-width:100%;padding:.6rem .8rem;border-radius:.9rem;font-size:.9rem}.joshy-bubble--assistant{align-self:flex-start;background:radial-gradient(circle at 0 0,#38bdf84d,#0f172a);border:1px solid rgba(56,189,248,.5)}.joshy-bubble--user{align-self:flex-end;background:#0f172ae6;border:1px solid rgba(148,163,184,.7)}.joshy-bubble p{margin:0}.joshy-form{display:flex;flex-direction:column;gap:.4rem}.joshy-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:#9ca3af}.joshy-input{width:100%;resize:vertical;min-height:90px;max-height:200px;border-radius:.9rem;border:1px solid rgba(148,163,184,.7);background:#0f172ae6;color:#e5e7eb;padding:.6rem .8rem;font-family:inherit;font-size:.9rem}.joshy-input:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.joshy-actions{display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}.joshy-error{margin:0;font-size:.8rem;color:#fecaca}.joshy-usage-note{margin:0;font-size:.78rem;color:#9ca3af}.back-to-top{position:fixed;right:1.5rem;bottom:1.5rem;z-index:30;border-radius:999px;border:1px solid rgba(148,163,184,.9);background:radial-gradient(circle at 0 0,#38bdf8e6,#0f172a);color:#e0f2fe;font-size:.8rem;padding:.55rem 1rem;cursor:pointer;box-shadow:0 18px 40px #0f172af2,0 0 0 1px #0f172a}.back-to-top:hover{box-shadow:0 22px 55px #0f172a,0 0 22px #38bdf8bf}.back-to-top:focus-visible{outline:2px solid #facc15;outline-offset:3px}@media(max-width:960px){.nav{padding-inline:1rem}.nav-links--desktop{display:none}.nav-toggle{display:inline-flex}.nav-links-mobile{display:grid;gap:.2rem;margin:.9rem auto 0;padding:.75rem 1rem;max-width:1120px;border-radius:1.1rem;border:1px solid rgba(51,65,85,.9);background:radial-gradient(circle at top left,#0f172afa,#0f172a);box-shadow:0 18px 40px #0f172afa,0 0 0 1px #0f172ae6}.nav-links-mobile a{font-size:.9rem;color:#e5e7eb;text-decoration:none;padding:.2rem .1rem}.nav-links-mobile a:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}.hero{grid-template-columns:minmax(0,1fr)}.hero-right{order:-1}.section-header{flex-direction:column}.about-grid,.pill-grid,.blog-grid,.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.page{padding:1.5rem 1.3rem 1.4rem}.nav{border-radius:1rem}.main{margin-top:2rem;gap:3rem}.section{padding:1.5rem 1.2rem}.about-grid,.pill-grid,.stack-grid,.blog-grid,.portfolio-grid{grid-template-columns:minmax(0,1fr)}.contact-card{flex-direction:column;gap:1.2rem}.contact-actions{align-items:flex-start}.contact-note{text-align:left}.footer{flex-direction:column;align-items:flex-start}.footer-social{align-self:stretch}}