:root{color-scheme:dark;--bg:#0a0a0f;--surface:#12121a;--surface2:#1a1a25;--text:#fff;--muted:#a0a0b0;--border:rgba(255,255,255,.09);--accent:#00ff9d;--accent-ink:#0a0a0f;--orb:rgba(0,255,157,.065);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:100px}
:root[data-theme=light]{color-scheme:light;--bg:#f7f9fa;--surface:#fff;--surface2:#edf1f3;--text:#14161e;--muted:#5e6570;--border:rgba(10,20,30,.12);--accent:#007c4e;--accent-ink:white;--orb:rgba(0,150,100,.06)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,var(--orb),transparent 45%),radial-gradient(ellipse at 0% 70%,rgba(0,210,230,.025),transparent 45%)}header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border)}nav{max-width:1200px;margin:auto;height:82px;padding:0 28px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand img{height:39px;width:39px;border-radius:10px}.brand-dot{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px;font-weight:550;color:var(--muted)}.nav-links a:hover,.text-link:hover,footer a:hover{color:var(--accent)}.nav-support{padding:9px 14px;border:1px solid var(--border);border-radius:7px;color:var(--accent)}.icon-button{height:36px;width:36px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);font-size:20px}.menu-toggle{display:none}main{max-width:1200px;margin:auto;padding:0 28px}.hero{min-height:720px;min-height:min(830px,calc(100svh - 82px));display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center;position:relative;padding:85px 0 110px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:12px;letter-spacing:.3px;border:1px solid var(--border);background:var(--surface);padding:9px 13px;border-radius:25px}.status-dot{height:7px;width:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(40px,4.7vw,65px);font-weight:780;line-height:1.13;letter-spacing:-2.8px;margin:25px 0}h1>span,h2 span{color:var(--accent)}.hero-copy>p{font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 20px;border-radius:8px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:var(--accent-ink)}.primary:hover{box-shadow:0 8px 30px var(--orb)}.secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.hero-art{position:relative;display:grid;place-items:center;min-height:415px}.orbit{position:absolute;width:390px;height:390px;max-width:100%;border:1px solid rgba(0,255,157,.1);border-radius:50%;transform:rotate(-25deg)}.orbit-one::after{content:"";position:absolute;top:33px;right:53px;height:9px;width:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 30px var(--accent)}.orbit-two{width:300px;height:300px;transform:rotate(45deg);border-style:dashed}.art-card{position:relative;display:flex;flex-direction:column;align-items:center;width:260px;padding:0 25px 30px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 25px 80px rgba(0,0,0,.12);transform:rotate(-5deg)}.art-top{width:100%;padding:17px 0;display:flex;gap:5px;align-items:center;border-bottom:1px solid var(--border)}.art-top>span,.code-top>span{height:6px;width:6px;border-radius:50%;background:var(--muted);opacity:.4}.art-top small{font:10px monospace;margin-left:auto;color:var(--muted)}.art-card>img{width:97px;height:97px;border-radius:21px;margin:27px 0 15px}.art-card>strong{font-size:26px;letter-spacing:-.8px}.art-card>p{font-size:11px;color:var(--muted)}.art-tags{display:flex;gap:8px}.art-tags>span{font-size:9px;letter-spacing:1px;color:var(--accent);padding:6px 10px;background:var(--orb);border-radius:5px}.art-lines{display:flex;gap:8px;margin-top:22px;width:100%}.art-lines i{height:39px;border-radius:6px;flex:1;background:linear-gradient(140deg,var(--surface2),var(--orb))}.floating-tag{position:absolute;background:var(--surface);border:1px solid var(--border);padding:12px 15px;border-radius:10px;font:10px monospace;color:var(--accent);box-shadow:0 10px 35px rgba(0,0,0,.1)}.tag-one{top:32px;right:5px;transform:rotate(6deg)}.tag-two{bottom:35px;left:0;transform:rotate(4deg);color:var(--muted)}.scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;font-size:10px;color:var(--muted);letter-spacing:1px}.scroll-cue span{font-size:22px;color:var(--accent)}
.section{padding:95px 0}.section-label{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px}.section h2{font-size:40px;letter-spacing:-1.5px;margin:15px 0;line-height:1.2}.section-intro{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:35px}.project-card{display:grid;grid-template-columns:.85fr 1.2fr;border:1px solid var(--border);border-radius:20px;background:var(--surface);overflow:hidden}.project-art{position:relative;display:grid;place-items:center;padding:55px 20px;min-height:380px;background:radial-gradient(circle,var(--orb),transparent 70%),var(--surface2)}.project-art>img{width:155px;height:155px;border-radius:33px;box-shadow:0 25px 60px rgba(0,0,0,.2);transform:rotate(-6deg)}.project-badge{position:absolute;top:25px;left:25px;border:1px solid var(--border);border-radius:30px;padding:7px 10px;font-size:8px;letter-spacing:1px;color:var(--accent)}.project-caption{position:absolute;bottom:30px;display:flex;gap:15px;font-size:9px;letter-spacing:1px;color:var(--muted)}.project-copy{padding:40px}.project-copy h3{font-size:31px;letter-spacing:-1px;margin:15px 0}.project-copy>p,.about-copy>p{font-size:14px;line-height:1.9;color:var(--muted)}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;list-style:none;padding:0;margin:23px 0;font-size:11px;color:var(--muted)}.feature-list li::before{content:"✓";color:var(--accent);padding-right:6px}.tech-tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tags span{font:10px monospace;padding:7px 9px;border:1px solid var(--border);border-radius:5px;color:var(--muted)}.project-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.text-link{font-size:12px;font-weight:650}.about-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.code-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden;transform:rotate(-2deg)}.code-top{display:flex;align-items:center;gap:6px;padding:20px 25px;background:var(--surface2)}.code-top small{margin-left:auto;font:11px monospace;color:var(--muted)}pre{padding:13px 28px 25px;font:13px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);overflow:auto}.code-green{color:var(--accent)}.code-purple{color:#b396f6}.about-copy .text-link{display:inline-block;margin-top:15px;color:var(--accent)}.contact-section{text-align:center;border-top:1px solid var(--border)}.contact-section>p{font-size:14px;color:var(--muted);line-height:1.9}.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:30px}footer{max-width:1200px;margin:0 auto;padding:28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);line-height:1.8}footer p{margin:0}
@media(max-width:900px){nav{gap:18px}.nav-links{gap:18px}.hero{grid-template-columns:1.2fr 1fr;gap:12px}.hero-art{min-height:370px}.art-card{width:230px}.floating-tag{font-size:9px;padding:9px}.tag-one{right:-5px}.orbit{width:290px;height:290px}.orbit-two{width:260px;height:260px}.about-section{gap:40px}.project-copy{padding:30px}.feature-list{grid-template-columns:1fr}.section h2{font-size:35px}}
@media(max-width:650px){nav{height:70px;padding:0 20px;gap:12px}.brand{font-size:22px}.brand img{height:34px;width:34px}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:var(--surface);padding:18px 22px;border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:20px}.nav-links.open{display:flex}.nav-support{text-align:center}main{padding:0 22px}.hero{grid-template-columns:1fr;min-height:0;padding:55px 0 75px;text-align:center}.hero-copy>h1{font-size:44px;letter-spacing:-2px;margin:23px 0}.hero-copy>p{font-size:13px}.hero-actions{justify-content:center}.hero-art{margin-top:22px;min-height:355px}.art-card{width:230px}.tag-one{right:0;top:18px}.tag-two{left:0;bottom:27px}.scroll-cue{bottom:0}.section{padding:65px 0}.section h2{font-size:32px}.project-card{grid-template-columns:1fr}.project-art{min-height:280px;padding:40px}.project-art>img{width:125px;height:125px}.project-copy{padding:28px 24px}.about-section{grid-template-columns:1fr;gap:35px}.about-copy{grid-row:1}.feature-list{grid-template-columns:1fr 1fr;font-size:10px;gap:10px}.code-card{transform:none}pre{font-size:11px;padding-left:20px}.button{font-size:12px;padding:13px 17px}.section-intro{font-size:13px}.about-copy>p{font-size:13px}footer{flex-direction:column;text-align:center;gap:10px;padding:25px 20px}.contact-actions{gap:10px}}
.orbit{transform:none}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

.icon-button svg{width:18px;height:18px;margin:auto;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}