:root{--bg: #0b0f14;--bg-2: #101720;--panel: rgba(15, 23, 34, .74);--line: rgba(148, 163, 184, .14);--line-strong: rgba(52, 211, 153, .28);--text: #e6edf3;--muted: #9aa9b8;--green: #86efac;--green-2: #34d399;--blue: #38bdf8;--shadow: 0 20px 50px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(52,211,153,.06),transparent 22%),radial-gradient(circle at right,rgba(56,189,248,.05),transparent 18%),linear-gradient(180deg,#0b0f14,#101720)}a{color:inherit;text-decoration:none}.page-shell{position:relative;min-height:100vh;padding:18px 0 40px;overflow:hidden}.bg-glow{position:fixed;border-radius:999px;filter:blur(80px);opacity:.12;pointer-events:none}.bg-glow-a{width:280px;height:280px;top:60px;left:-80px;background:var(--green)}.bg-glow-b{width:260px;height:260px;right:-60px;top:180px;background:var(--blue)}.container,.topbar{width:min(1180px,calc(100% - 24px));margin-left:auto;margin-right:auto}.topbar{position:sticky;top:12px;z-index:20;margin-bottom:22px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:#0b0f14cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:14px}.brand-logo{width:62px;height:62px;display:block}.brand-name{font-size:1.2rem;font-weight:800;letter-spacing:.02em;background:linear-gradient(90deg,#e6edf3,#dbe5ef 65%,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-sub{font-size:.74rem;text-transform:uppercase;letter-spacing:.24em;color:var(--muted)}.nav{display:flex;gap:24px}.nav a{color:#d6e0ea;transition:color .2s ease}.nav a:hover{color:var(--green)}.container{display:grid;gap:20px}.card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;box-shadow:var(--shadow);padding:28px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center}.hero-badge,.section-tag,.feature-badge{display:inline-flex;width:fit-content;padding:8px 12px;border-radius:999px;border:1px solid var(--line-strong);background:#34d39914;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-size:.74rem}.hero h1{margin:18px 0 14px;font-size:clamp(3rem,7vw,5.4rem);line-height:.96;background:linear-gradient(90deg,#eef3f8,#dfe8f1 65%,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-text,.body-text,.section-title p,.info-card p,.project-card p,.post-card p,.visual-card p,.feature-project p{color:var(--muted);line-height:1.7}.terminal{margin-top:26px;max-width:620px;border-radius:22px;overflow:hidden;border:1px solid var(--line-strong);background:#03080f6b}.terminal-head{display:flex;gap:8px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.08)}.terminal-head span{width:10px;height:10px;border-radius:999px;background:#ffffff4d}.terminal-body{padding:18px 18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--green);line-height:1.9}.cursor{animation:blink 1s steps(1) infinite}.hero-side{display:flex;align-items:center}.side-card{width:100%;border-radius:24px;padding:20px;border:1px solid rgba(148,163,184,.12);background:#02081038}.side-title{margin-bottom:14px;color:var(--blue);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.side-list{display:grid;gap:12px}.side-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#ffffff05;border:1px solid rgba(148,163,184,.08)}.side-list b{color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-title h2,.visual-card h3,.compact-card h3{margin:12px 0 10px;font-size:clamp(1.8rem,4vw,2.5rem);background:linear-gradient(90deg,#e6edf3,#dbe5ef 65%,#86efac);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mini-grid{display:grid;gap:16px}.mini-card h3,.info-card h3,.project-card h3,.post-card h3{margin:0 0 10px;font-size:1.15rem}.mini-card p{margin:0;color:var(--muted)}.grid{display:grid;gap:16px;margin-top:18px}.grid-4{grid-template-columns:repeat(4,1fr)}.info-card,.project-card,.post-card,.feature-project{border:1px solid rgba(148,163,184,.1);background:#0b121c61;border-radius:22px;padding:18px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.info-card:hover,.project-card:hover,.post-card:hover,.mini-card:hover,.feature-project:hover{transform:translateY(-4px);border-color:var(--line-strong);box-shadow:0 0 32px #34d39914}.icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:14px;border-radius:14px;border:1px solid rgba(56,189,248,.2);background:#38bdf814;color:var(--blue)}.stack{display:grid;gap:14px;margin-top:18px}.project-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.project-head span{padding:6px 10px;border-radius:999px;border:1px solid var(--line-strong);background:#34d39914;color:var(--green);font-size:.75rem}.visual-card{display:flex;flex-direction:column;justify-content:center}.visual-wrap{position:relative;width:min(340px,100%);aspect-ratio:1 / 1;margin:0 auto 22px;border-radius:999px;border:1px solid rgba(148,163,184,.1);background:radial-gradient(circle at center,rgba(56,189,248,.06),transparent 56%),#03080f52;overflow:hidden}.radar-ring{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgba(134,239,172,.14)}.ring-1{width:36%;height:36%}.ring-2{width:58%;height:58%}.ring-3{width:80%;height:80%}.radar-sweep{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:999px;background:conic-gradient(from 0deg,rgba(134,239,172,.22),transparent 20%,transparent 100%);animation:sweep 5s linear infinite}.radar-dot{position:absolute;width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 18px #86efaca6}.dot-1{top:28%;left:62%}.dot-2{top:58%;left:30%}.dot-3{top:68%;left:64%}.post-card{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center}.post-thumb{min-height:88px;border-radius:16px;border:1px solid rgba(148,163,184,.08);background:linear-gradient(135deg,#38bdf81a,#34d39914),repeating-linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,.04) 2px,transparent 3px,transparent 8px)}.compact-card{display:flex;flex-direction:column;justify-content:center}.feature-badge{margin-bottom:14px;padding:7px 10px;letter-spacing:.14em}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.button{display:inline-flex;padding:12px 16px;border-radius:14px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px)}.primary{border:1px solid var(--line-strong);background:#34d3991a;box-shadow:0 0 24px #34d39914}.secondary{border:1px solid rgba(56,189,248,.18);background:#38bdf814}.footer{width:min(1180px,calc(100% - 24px));margin:20px auto 0;padding:20px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-logo{width:52px;height:52px;display:block}.footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap}.footer-links a{color:#d6e0ea;transition:color .2s ease}.footer-links a:hover{color:var(--green)}.footer-copy{color:var(--muted);font-size:.95rem;text-align:right}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar{padding:14px 16px}.card{padding:20px;border-radius:22px}.brand-logo{width:52px;height:52px}@media (max-width: 1100px){.hero,.split,.grid-4{grid-template-columns:1fr 1fr}.hero-copy,.hero-side,.card,.project-card,.post-card,.info-card{min-width:0}.hero h1{font-size:clamp(2.8rem,6vw,4.4rem)}}@media (max-width: 860px){html,body{overflow-x:hidden}.page-shell,.container,.card,.hero,.hero-copy,.hero-side,.topbar,.footer,.terminal{max-width:100%}.container,.topbar,.footer{width:calc(100% - 16px)}.topbar{padding:14px 16px}.nav{display:none}.brand{min-width:0;max-width:100%;gap:10px}.brand-logo{width:48px;height:48px;flex-shrink:0}.brand-text{min-width:0}.brand-name{font-size:1rem;line-height:1.08}.brand-sub{font-size:.68rem;letter-spacing:.16em}.hero,.split,.grid-4,.footer{grid-template-columns:1fr!important}.hero-copy,.hero-side{min-width:0}.hero h1{font-size:clamp(2.2rem,9vw,3.4rem)!important;line-height:1.02!important;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.hero-text{font-size:.98rem;line-height:1.65}.hero-badge,.section-tag,.feature-badge{font-size:.7rem;letter-spacing:.12em}.terminal{width:100%;max-width:100%;overflow:hidden}.terminal-body{font-size:.92rem;line-height:1.7}.side-list>div,.project-head{flex-wrap:wrap}.post-card{grid-template-columns:1fr!important}.post-thumb{min-height:78px}.visual-wrap{width:min(280px,100%)}.footer{text-align:center;gap:12px}.footer-brand,.footer-links{justify-content:center}.footer-copy{text-align:center}}@media (max-width: 640px){.card{padding:18px;border-radius:22px}.hero h1{font-size:2.15rem!important}.hero-text,.body-text,.section-title p,.info-card p,.project-card p,.post-card p,.visual-card p,.feature-project p{font-size:.96rem}.terminal-body{padding:16px;font-size:.88rem}.side-card{padding:16px}.side-list{gap:10px}.side-list>div{padding:11px 12px}.button-row{gap:10px}.button{width:100%;justify-content:center}}