@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#252130;--lilac:#ddd3f6;--line:#51475e;--muted:#6d647c;--mint:#d5f3dd;--lime:#d3fa72;--mono:'Courier New',monospace;--heading:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background-color:#e9e5ef;background-image:linear-gradient(#82759112 1px,transparent 1px),linear-gradient(90deg,#82759112 1px,transparent 1px);background-size:32px 32px;font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #873bcc;outline-offset:6px}svg{width:24px;height:24px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.page{width:100%;max-width:488px;margin:44px auto;background:var(--lilac);background-image:linear-gradient(#9b85bd1a 1px,transparent 1px),linear-gradient(90deg,#9b85bd1a 1px,transparent 1px);background-size:24px 24px;padding:0 28px;min-height:960px;border:1px solid #9587aa;border-radius:24px;box-shadow:10px 12px 0 #c8c0d4,11px 13px 0 #aea1bf;overflow:hidden}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #85769366}.wordmark{font-family:var(--heading);font-size:19px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:5px}.ext{font-weight:400;color:#655773;margin-left:-5px}.pixel{font-size:25px;padding-right:3px}.icon-button{width:38px;height:36px;border:1px solid var(--line);background:#f0eafa;border-radius:10px;box-shadow:0 3px 0 var(--line);display:grid;place-items:center}.icon-button svg{width:18px;height:18px}.tactile{transition:transform .13s ease,box-shadow .13s ease,background .16s;position:relative}.tactile:active{transform:translateY(5px)!important;box-shadow:0 1px 0 var(--line)!important}.icon-button:active{transform:translateY(2px)!important}.intro{text-align:center;padding-top:19px}.orbit{height:130px;width:174px;margin:0 auto 15px;position:relative;display:grid;place-items:center}.chrome-star{width:116px;height:116px;filter:drop-shadow(1px 5px 2px #55457355);transform:rotate(-9deg);position:relative}.orbit-ring{width:170px;height:57px;border:1px solid #7a698f;position:absolute;border-radius:50%;transform:rotate(-20deg)}.orbit-label{position:absolute;bottom:0;right:-6px;background:#fffce9;border:1px solid #54465e;box-shadow:2px 2px 0 #655571;transform:rotate(-8deg);font:9px var(--mono);padding:5px 8px;letter-spacing:1px}.tiny-spark{position:absolute;font:27px var(--mono)}.spark-one{top:7px;right:3px}.spark-two{bottom:19px;left:0;font-size:23px}.eyebrow{font:9px var(--mono);letter-spacing:1.4px;display:flex;align-items:center;justify-content:center;gap:7px;margin:0 0 11px}.status-dot{width:6px;height:6px;background:#596e35;border-radius:50%;box-shadow:0 0 0 3px #d3fa7255}h1{font-family:var(--heading);font-size:36px;line-height:1.1;letter-spacing:-1.8px;margin:0;font-weight:700}.name-spark{display:inline-block;font-size:25px;vertical-align:top;margin-left:5px;transform:rotate(9deg)}.bio{margin:10px 0 0;font-size:16px;letter-spacing:-.3px}.bio-dot{color:#65526f}.intro-line{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #9d8eb0;border-bottom:1px dashed #9d8eb0;padding:13px 0 11px;margin-top:26px;font:9px var(--mono);letter-spacing:1px;color:#60516f}.intro-line>span:last-child{font:20px Arial;line-height:10px;color:var(--ink)}.filters{display:flex;gap:5px;padding:17px 0 21px}.filter{border:1px solid transparent;border-radius:7px;background:transparent;padding:8px 10px;font-size:12px;white-space:nowrap;font-weight:600}.filter span{font:9px var(--mono);margin-left:5px;opacity:.65}.filter.active{background:var(--ink);color:#faf6ff;border-color:var(--ink);box-shadow:0 2px 0 #78658d}.links{display:flex;flex-direction:column;gap:18px;min-height:408px}.card{border:1.5px solid var(--line);border-radius:15px;box-shadow:0 6px 0 var(--line);display:block}.fiverr{display:flex;align-items:center;gap:14px;padding:24px 17px;background:var(--lime);min-height:116px;overflow:hidden}.service-icon{width:48px;height:48px;flex-shrink:0;border:1px solid #69783e;background:#e9ffa9;box-shadow:0 3px 0 #7b8b4b;border-radius:12px;display:flex;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:32px;font-weight:900;letter-spacing:-3px;padding-right:4px}.service-icon span{color:#5d7e31}h2{font-family:var(--heading);letter-spacing:-.8px;font-size:23px;line-height:1.15;margin:6px 0;font-weight:700}.micro{font:8px var(--mono);letter-spacing:.7px}.card p,.social p{font-size:11px;margin:0;line-height:1.5}.card-copy{min-width:0;flex:1}.arrow-button{align-self:center}.arrow-button svg{stroke:var(--ink);stroke-width:1.7;fill:none;width:23px;height:23px}.corner-plus{position:absolute;right:7px;bottom:2px;font:13px var(--mono);opacity:.5}.portfolio{padding:17px 18px 0;background:#f4edff;overflow:hidden}.portfolio-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.portfolio-top .micro{display:flex;align-items:center;gap:6px}.folder-icon{font-size:16px;line-height:10px}.pill{padding:4px 6px;background:#ddd2f4;border:1px solid #aa99bf;border-radius:4px;font:7px var(--mono);letter-spacing:.5px}.portfolio-body{display:flex;align-items:center;justify-content:space-between;min-height:117px;gap:8px}.portfolio-body h2{font-size:29px;letter-spacing:-1.4px;margin:4px 0 8px}.portfolio-body p{font-size:12px;color:#685a78;line-height:1.55}.mini-window{width:129px;height:92px;border:1.5px solid #4e425f;border-radius:5px;box-shadow:4px 4px 0 #c3acd9;transform:rotate(8deg);background:#b9a1e2;flex-shrink:0;margin-right:4px}.window-bar{height:16px;display:flex;align-items:center;gap:3px;padding:0 5px;background:#eee8f7;border-bottom:1px solid #685678;border-radius:3px 3px 0 0}.window-bar i{width:3px;height:3px;border:1px solid #776b87;border-radius:50%}.window-bar span{font:5px var(--mono);margin-left:3px}.window-canvas{height:73px;position:relative;overflow:hidden;display:grid;place-items:center}.art-grid{position:absolute;inset:0;background:linear-gradient(#684b8e33 1px,transparent 1px),linear-gradient(90deg,#684b8e33 1px,transparent 1px);background-size:13px 13px}.art-star{font-family:Arial,sans-serif;font-size:98px;line-height:1;transform:rotate(-18deg);color:var(--lime);text-shadow:2px 3px 0 #544365;position:absolute;top:-17px}.art-cursor{font-family:Arial,sans-serif;position:absolute;right:3px;bottom:1px;font-size:29px;color:white;text-shadow:2px 1px 0 #3f354b}.portfolio-bottom{border-top:1px solid #c6bad5;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;padding:11px 0 12px}.portfolio-bottom svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.social{min-height:126px;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 5px 0 var(--line);padding:16px 17px 15px}.whatsapp{background:var(--mint)}.linkedin{background:#d2e4fc}.social-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.social-icon{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.small-arrow{width:15px;height:15px;fill:none;stroke:var(--ink);stroke-width:1.7}.linkedin-icon{width:22px;height:22px;border-radius:3px;background:var(--ink);color:#d2e4fc;font:700 18px Arial;text-align:center;line-height:25px}.social h2{font-size:18px;letter-spacing:-.5px;margin-bottom:3px}.social p{color:#495455}footer{text-align:center;margin-top:30px}.footer-star{font-size:23px;color:#6e597e;margin-bottom:8px}footer p{font:8px var(--mono);letter-spacing:1.1px;margin:0 0 7px}footer>span{font-size:11px;color:#73617f}footer>span span{font-size:16px;vertical-align:-1px}.footer-rule{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ab9bbb;padding:14px 0 18px;margin-top:25px;font:6px var(--mono);letter-spacing:.5px;color:#74617f}.desktop-note{position:fixed;left:25px;top:25px;bottom:25px;display:flex;flex-direction:column;justify-content:space-between;font:9px var(--mono);letter-spacing:2px;writing-mode:vertical-rl;color:#93849f}.desktop-note span:last-child{writing-mode:horizontal-tb;position:fixed;bottom:25px;left:25px;font-size:8px}.links [hidden]{display:none!important}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 36px);width:max-content;background:var(--ink);color:white;border:1px solid #7c6d89;box-shadow:0 4px 0 #a497b2;padding:13px 18px;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:5}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{width:calc(100% - 40px);max-width:385px;border:1.5px solid var(--line);border-radius:20px;padding:32px 24px 26px;background:#eee4ff;color:var(--ink);box-shadow:0 8px 0 #51475e;text-align:center}dialog::backdrop{background:#21152e77;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:14px;right:14px;width:30px;height:29px;font-size:23px}.dialog-star{font:70px Arial;color:#8d68bf;display:block;margin:12px auto 22px;text-shadow:2px 3px 0 #b5a0d3}dialog .eyebrow{font-size:7px;letter-spacing:1px}dialog h2{font-size:29px;margin:12px 0}dialog p:not(.eyebrow){font-size:14px;color:#6a5877;line-height:1.65;margin:12px 0 24px}.dialog-ok{background:var(--lime);width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;font-weight:700;box-shadow:0 4px 0 var(--line);display:flex;justify-content:space-between}
@media(hover:hover){.card:hover,.social:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--line)}.icon-button:hover{background:white}.filter:not(.active):hover{background:#cabbdf}.wordmark:hover .pixel{transform:rotate(45deg)}}
@media(min-width:850px){.page{margin-top:36px;margin-bottom:48px}.page::after{content:'';display:block;height:2px}}
@media(max-width:560px){body{background-color:var(--lilac)}.page{margin:0;max-width:none;border:0;border-radius:0;box-shadow:none;min-height:100svh;padding-left:24px;padding-right:24px;padding-bottom:env(safe-area-inset-bottom)}.topbar{height:69px}.desktop-note{display:none}.intro{padding-top:16px}.orbit{height:121px;margin-bottom:15px}.chrome-star{width:109px;height:109px}h1{font-size:35px}.intro-line{margin-top:23px}.links{min-height:408px}footer{margin-top:27px}.footer-rule{padding-bottom:17px}}
@media(max-width:365px){.page{padding-left:18px;padding-right:18px}h1{font-size:31px}.eyebrow{font-size:8px;letter-spacing:1px}.filter{padding:8px}.filter span{margin-left:3px}.fiverr{padding:21px 13px;gap:11px}.service-icon{width:41px;height:44px;font-size:29px}.card-copy .micro{font-size:6px}.card-copy h2{font-size:21px}.card-copy p{font-size:9px}.mini-window{width:108px;height:85px;margin-right:0}.portfolio-body h2{font-size:26px}.portfolio-body p{font-size:11px}.pill{font-size:6px}.social{padding:15px}.footer-rule{font-size:5px}}
@media(max-width:560px){.icon-button{width:44px;height:42px}.filter{min-height:44px}.portfolio-body h2{font-size:27px}.mini-window{width:112px}.dialog-close{width:44px;height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
.fiverr{display:block;padding:21px 17px 19px}.fiverr-heading{display:flex;align-items:center;gap:14px}.gig-count{font:11px var(--mono);border:1px solid #8ba64c;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gig-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.gig{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 11px;min-height:46px;background:#eaffb1;border:1px solid #596b33;border-radius:9px;box-shadow:0 3px 0 #65783c;font-size:11px;font-weight:700}.gig svg{width:14px;height:14px;stroke:var(--ink);stroke-width:1.8;fill:none}.fiverr:hover{transform:none;box-shadow:0 6px 0 var(--line)}@media(max-width:365px){.fiverr-heading{gap:11px}.gig{padding:11px 8px;font-size:10px}.gig-count{display:none}}