:root{--font-main:"Inter",system-ui,-apple-system,sans-serif;--bg:#fbeee2;--surface:#fff8f1;--text:#2e1409;--muted:#8a5a46;--accent:#bf533b;--accent2:#f28241;--on-accent:#2e1409;--border:#731702;--shadow:#7317022e;--highlight:#f7c79a;--on-highlight:#2e1409;--sticker-bg:#f9dcb4;--on-sticker:#2e1409;--wash1:#f282412e;--wash2:#bf533b24}[data-theme=rosewood]{--bg:#f8e7e9;--surface:#fff4f3;--text:#33111c;--muted:#8b5566;--accent:#8c2e47;--accent2:#f28241;--on-accent:#33111c;--border:#58152a;--shadow:#58152a2e;--highlight:#efafb6;--on-highlight:#33111c;--sticker-bg:#f7d0ce;--on-sticker:#33111c;--wash1:#8c2e4729;--wash2:#f2824129}[data-theme=harbor]{--bg:#e7eef2;--surface:#f8fbfc;--text:#08283c;--muted:#4c6e80;--accent:#083a59;--accent2:#f28241;--on-accent:#08283c;--border:#062a40;--shadow:#062a402e;--highlight:#9fc6d8;--on-highlight:#08283c;--sticker-bg:#f9d8b8;--on-sticker:#08283c;--wash1:#083a5924;--wash2:#f282412e}[data-theme=ember]{--bg:#24100a;--surface:#34180f;--text:#fbeee2;--muted:#d9a98d;--accent:#bf533b;--accent2:#f28241;--on-accent:#2e1409;--border:#f9dcb4;--shadow:#00000080;--highlight:#8c2e47;--on-highlight:#fbeee2;--sticker-bg:#4a2214;--on-sticker:#fbeee2;--wash1:#f2824129;--wash2:#8c2e4738}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg);background-image:radial-gradient(circle at 12% 14%,var(--wash1),transparent 42%),radial-gradient(circle at 88% 6%,var(--wash2),transparent 38%),radial-gradient(circle at 72% 88%,var(--wash1),transparent 44%);color:var(--text);background-attachment:fixed;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:hidden}h1,h2,h3{font-weight:800;line-height:1.1}a{color:var(--accent);font-weight:700;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border:3px solid var(--bg);border-radius:10px}#root{min-height:100vh}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.page{min-height:100vh;padding:40px 0;position:relative;overflow:hidden}.doodles{z-index:0;pointer-events:none;color:var(--border);opacity:.12;position:absolute;inset:0}.doodle{transform:rotate(var(--rot,0deg));animation:drift 9s ease-in-out var(--delay,0s)infinite alternate;position:absolute}@keyframes drift{0%{transform:translateY(0)rotate(var(--rot,0deg))}to{transform:translateY(-14px)rotate(calc(var(--rot,0deg) + 3deg))}}.container{z-index:1;width:min(1100px,100% - 40px);margin:0 auto;position:relative}.themeSwitcher{z-index:100;background:var(--surface);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);border-radius:16px;gap:8px;padding:8px;display:flex;position:fixed;top:20px;right:20px}.themeBtn{border:2px solid var(--border);cursor:pointer;border-radius:8px;width:30px;height:30px;transition:transform .2s,box-shadow .2s}.themeBtn:hover{transform:scale(1.12)rotate(-4deg)}.themeBtn.isActive{box-shadow:inset 0 0 0 3px var(--surface);transform:scale(1.12)}.hero{flex-direction:column;gap:24px;padding:80px 0;display:flex;position:relative}.kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--on-sticker);background:var(--sticker-bg);border:2px solid var(--border);width:fit-content;padding:4px 12px;font-size:14px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.title{color:var(--text);margin-bottom:16px;font-size:clamp(48px,10vw,96px);line-height:.9}.subtitle{max-width:60ch;color:var(--muted);margin-bottom:32px;font-size:clamp(18px,3vw,24px);line-height:1.6}.heroActions{flex-wrap:wrap;gap:20px;display:flex}.btn{border:3px solid var(--border);cursor:pointer;box-shadow:6px 6px 0 var(--border);border-radius:12px;padding:16px 32px;font-size:18px;font-weight:800;transition:all .2s;display:inline-block}.btnPrimary{background-color:var(--accent);color:#fff}.btnSecondary{background-color:var(--accent2);color:var(--on-accent)}.btn:hover{box-shadow:8px 8px 0 var(--border);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--border);transform:translate(2px,2px)}.section{padding:80px 0}.sectionTitle{letter-spacing:-.02em;margin-bottom:40px;font-size:clamp(34px,6vw,48px);display:inline-block;position:relative}.sectionTitle:after{content:"";background:var(--highlight);z-index:-1;height:12px;position:absolute;bottom:0;left:-4px;right:-4px;transform:rotate(-1deg)}.aboutContent{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.aboutText{flex-direction:column;flex:460px;gap:20px;font-size:20px;display:flex}.aboutNote{color:var(--muted);border-left:4px solid var(--accent);padding-left:16px;font-size:17px}.optimizeList{flex-wrap:wrap;gap:12px;margin-top:4px;list-style:none;display:flex}.optimizeItem{background:var(--surface);border:2px solid var(--border);box-shadow:4px 4px 0 var(--border);border-radius:99px;padding:8px 16px;font-size:15px;font-weight:700;transition:transform .2s}.optimizeItem:hover{transform:translate(-2px,-2px)rotate(-2deg)}.aboutCard{background:var(--surface);border:3px solid var(--border);box-shadow:8px 8px 0 var(--border);border-radius:24px;flex:0 280px;padding:28px;transform:rotate(1.5deg)}.aboutCardTitle{margin-bottom:16px;font-size:22px}.langList{flex-direction:column;gap:12px;list-style:none;display:flex}.langItem{border-bottom:2px dashed var(--border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.langItem:last-child{border-bottom:none;padding-bottom:0}.langName{font-size:18px;font-weight:800}.langLevel{text-transform:uppercase;letter-spacing:.05em;background:var(--accent2);color:var(--on-accent);border:2px solid var(--border);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800}.projectsGrid{flex-wrap:wrap;gap:32px;display:flex}.projectCard{background:var(--surface);border:3px solid var(--border);box-shadow:8px 8px 0 var(--border);transform:rotate(var(--card-rot,0deg));border-radius:24px;flex-direction:column;gap:16px;padding:32px;transition:transform .3s,box-shadow .3s;display:flex;position:relative}.projectCard:hover{transform:translateY(-8px)rotate(calc(var(--card-rot,0deg) + 1deg));box-shadow:12px 12px 0 var(--border)}.card--xl{flex:520px;min-height:360px}.card--l{flex:420px;min-height:320px}.card--m{flex:320px;min-height:280px}.card--s{flex:240px;min-height:240px}.projectIcon{background:var(--highlight);color:var(--on-highlight);border:2px solid var(--border);border-radius:16px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.icon--xl{width:96px;height:96px}.icon--l{width:72px;height:72px}.icon--m{width:56px;height:56px}.projectTitle{font-size:28px}.projectDesc{color:var(--muted);font-size:16px}.techChips{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.chip{text-transform:uppercase;background:var(--bg);border:2px solid var(--border);border-radius:8px;padding:4px 10px;font-size:12px;font-weight:800}.skillsMessyGrid{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 18px;padding:40px 0;display:flex}.skillIcon{background:var(--surface);border:3px solid var(--border);box-shadow:5px 5px 0 var(--border);transform:translate(var(--dx,0px),var(--dy,0px))rotate(var(--rot,0deg));border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,background-color .3s;display:flex;position:relative}.skillIcon--tinted{background:var(--sticker-bg);color:var(--on-sticker)}.skillIcon:hover{--dx:0px;--dy:-12px;--rot:0deg;box-shadow:9px 9px 0 var(--border);background:var(--highlight);color:var(--on-highlight);z-index:2}.skillIcon--xl{flex:0 0 140px;height:140px;font-size:56px}.skillIcon--l{flex:0 0 110px;height:110px;font-size:44px}.skillIcon--m{flex:0 0 90px;height:90px;font-size:36px}.skillIcon--s{flex:0 0 70px;height:70px;font-size:28px}.skillLabel{text-align:center;text-transform:uppercase;letter-spacing:.05em;word-break:break-word;max-width:100%;font-size:11px;font-weight:800;line-height:1.2}.skillIcon--xl .skillLabel{font-size:13px}.skillIcon--l .skillLabel{font-size:12px}.skillIcon svg{flex-shrink:0}.expList{flex-direction:column;gap:40px;display:flex}.expItem{border-left:4px solid var(--accent);padding-left:24px;position:relative}.expItem:before{content:"";background:var(--accent);border:3px solid var(--border);border-radius:50%;width:24px;height:24px;position:absolute;top:0;left:-14px}.expRole{margin-bottom:4px;font-size:24px}.expCompany{color:var(--accent);margin-bottom:12px;font-weight:700}.expBullets{color:var(--muted);margin-top:12px;padding-left:20px;list-style:outside}.expBullets li{margin-bottom:8px;line-height:1.5}.sticker{background:var(--sticker-bg);color:var(--on-sticker);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);z-index:10;pointer-events:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:900;position:absolute;transform:rotate(12deg)}.sticker--1{top:4px;right:26%}.sticker--2{bottom:-30px;left:5%}.contact{text-align:center;background:var(--accent2);color:var(--on-accent);border:4px solid var(--border);box-shadow:12px 12px 0 var(--border);border-radius:40px;padding:60px;position:relative}.contactTitle{margin-bottom:24px;font-size:clamp(32px,6vw,48px)}.contactLinks{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;display:flex}.footer{z-index:1;text-align:center;color:var(--muted);padding:40px;font-size:14px;position:relative}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1);transform:translateY(30px)}.reveal.isVisible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.doodle{animation:none}.projectCard:hover,.skillIcon:hover,.optimizeItem:hover,.themeBtn:hover{transform:none}}@media (max-width:900px){.doodles{display:none}}@media (max-width:768px){.hero{padding:40px 0}.section{padding:56px 0}.title{font-size:48px}.contact{padding:32px 24px}.aboutCard{flex:100%;transform:none}.sticker--1{top:-8px;left:0;right:auto}.themeSwitcher{top:auto;bottom:16px;right:16px}}