:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;background:#0b0d10;color:#f4f0e8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #0b0d10;--panel: #14181d;--panel-strong: #1b2128;--text: #f4f0e8;--muted: #a9b0b7;--line: rgba(244, 240, 232, .14);--teal: #91e6c8;--gold: #f5c26b;--rose: #ff7a90;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 16% 0%,rgba(145,230,200,.18),transparent 30rem),radial-gradient(circle at 84% 10%,rgba(255,122,144,.14),transparent 28rem),linear-gradient(180deg,#0b0d10,#101215 44%,#0b0d10)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.hero{min-height:92vh;padding:28px}.hero__content,main{width:min(1160px,calc(100vw - 40px));margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}.nav__brand{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff0d;color:var(--teal);font-weight:800}.nav__links{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:#0b0d10b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav__links a{min-width:64px;padding:9px 14px;border-radius:999px;color:var(--muted);font-size:14px;text-align:center}.nav__links a:hover{background:#ffffff14;color:var(--text)}.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);align-items:center;gap:clamp(28px,7vw,90px);min-height:calc(92vh - 72px);padding:54px 0 72px}.hero__copy{min-width:0;max-width:720px}.hero__role,.section__heading p,.about>p,.contact p{margin:0 0 14px;color:var(--teal);font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;color:var(--text);font-size:clamp(58px,11vw,132px);font-weight:900;line-height:.88}.hero__intro{max-width:650px;margin-bottom:34px;color:#d7d2c8;font-size:clamp(18px,2.4vw,24px);line-height:1.65}.hero__actions,.contact__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button,.icon-link{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line);border-radius:8px;font-size:15px;font-weight:800;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button{padding:0 18px}.button--primary{border-color:#91e6c89e;background:var(--teal);color:#07110f}.button--ghost,.icon-link{background:#ffffff0f;color:var(--text)}.icon-link{width:46px}.button:hover,.icon-link:hover{transform:translateY(-2px);border-color:#f5c26bcc}.hero__visual{position:relative;isolation:isolate}.hero__visual:before{position:absolute;inset:10% 0 0 4%;z-index:-1;border:1px solid rgba(245,194,107,.2);background:linear-gradient(135deg,rgba(145,230,200,.12),transparent),#ffffff0a;border-radius:28px;box-shadow:var(--shadow);content:"";transform:rotate(-4deg)}.hero__visual img{width:min(440px,100%);margin-left:auto;border:1px solid rgba(255,255,255,.18);border-radius:28px;box-shadow:var(--shadow);transform:rotate(2deg)}main{padding:0 0 72px}.about,.section,.contact{padding:clamp(58px,9vw,108px) 0;border-top:1px solid var(--line)}.about h2,.section__heading h2,.contact h2{margin-bottom:22px;font-size:clamp(32px,6vw,64px);line-height:1}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.about__grid p,.contact span{color:var(--muted);font-size:17px;line-height:1.8}.section__heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{min-height:340px;padding:26px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#ffffff14,#ffffff06),var(--panel);box-shadow:0 20px 60px #0000002e}.project-card__top{display:flex;justify-content:space-between;gap:18px;margin-bottom:18px}.project-card__top p{margin-bottom:8px;color:var(--gold);font-size:13px;font-weight:800}.project-card h3{margin-bottom:0;font-size:clamp(23px,3vw,34px);line-height:1.06}.project-card__description{min-height:86px;color:#d8d1c4;font-size:16px;line-height:1.72}.project-card__points,.project-card__stack,.skill-strip{display:flex;flex-wrap:wrap;gap:8px}.project-card__points{margin:22px 0}.project-card__points span,.project-card__stack span,.skill-strip span{border:1px solid var(--line);border-radius:999px;background:#ffffff0d;color:#dcd6ca;font-size:13px;font-weight:700;line-height:1}.project-card__points span{padding:9px 11px}.project-card__stack span,.skill-strip span{padding:10px 12px;color:var(--muted)}.section--compact{padding-bottom:clamp(50px,8vw,86px)}.skill-strip{gap:10px}.skill-strip span{border-radius:8px;background:var(--panel-strong);font-size:15px}.contact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding-bottom:0}.contact h2{max-width:720px}.contact span{display:block;max-width:720px}@media(max-width:820px){.hero{min-height:auto;padding:18px 0 0}.hero__grid,.about__grid,.project-grid,.contact{grid-template-columns:1fr}.hero__grid{min-height:auto;padding:46px 0 56px}.hero__visual{max-width:420px;margin:0 auto}.section__heading{display:block}.project-card,.project-card__description{min-height:auto}.contact__actions{align-items:stretch}.contact__actions .button{width:100%}}@media(max-width:560px){.hero__content,main{width:calc(100% - 28px);max-width:362px;margin-left:14px;margin-right:auto}.nav{align-items:flex-start;width:100%;min-width:0;gap:12px}.nav__links{gap:2px;max-width:calc(100% - 64px);overflow:hidden}.nav__links a{min-width:auto;padding-inline:9px;font-size:13px}h1{max-width:100%;font-size:clamp(44px,14vw,58px);line-height:.96}.hero__intro,.about__grid p,.contact span{font-size:16px;overflow-wrap:anywhere}.button,.icon-link{width:100%}.project-card{padding:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}