:root{--base03: #002b36;--base02: #073642;--base01: #586e75;--base00: #657b83;--base0: #839496;--base1: #93a1a1;--base2: #eee8d5;--base3: #fdf6e3;--yellow: #b58900;--orange: #cb4b16;--red: #dc322f;--magenta: #d33682;--violet: #6c71c4;--blue: #268bd2;--cyan: #2aa198;--green: #859900;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.light{color-scheme:light;color:var(--base00);background-color:var(--base3)}html.light body{background-color:var(--base3);color:var(--base00)}html.dark{color-scheme:dark;color:var(--base0);background-color:var(--base03)}html.dark body{background-color:var(--base03);color:var(--base0)}html.dark .app{background-color:var(--base03)}html.dark .name{color:var(--base1)}html.dark .subtitle,html.dark .section-label{color:var(--base01)}html.dark .section-content{color:var(--base0)}html.dark .project-item{border-color:var(--base01);background-color:transparent}html.dark .project-item:hover{background-color:var(--base02);border-color:var(--base0)}html.dark .project-title{color:var(--base1)}html.dark .project-description{color:var(--base01)}html.dark .dock-items{background:var(--base02);border-color:var(--base01);box-shadow:0 8px 32px #0736424d}html.dark .dock-item{color:var(--base0)}html.dark .dock-item:hover{background:var(--base03)}html.dark .project-tag{background:var(--base02);color:var(--base01)}html.dark .project-item:hover .project-tag{background:var(--base03);color:var(--base0)}html.dark h1,html.dark h2{color:var(--base1)}html.dark h3,html.dark p{color:var(--base0)}html.dark button{background-color:var(--base02);color:var(--base0);border-color:var(--base01)}html.dark button:hover{background-color:var(--base03);color:var(--base1)}a{font-weight:500;color:var(--blue);text-decoration:none;transition:color .2s ease}a:hover{color:var(--cyan)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--base3);color:var(--base00)}h1{font-size:2.5rem;line-height:1.2;font-weight:600;color:var(--base01);margin:0 0 1rem}h2{font-size:2rem;line-height:1.3;font-weight:600;color:var(--base01);margin:0 0 .75rem}h3{font-size:1.5rem;line-height:1.4;font-weight:500;color:var(--base00);margin:0 0 .5rem}p{font-size:1rem;line-height:1.6;color:var(--base00);margin:0 0 1rem}.text-large{font-size:1.125rem;line-height:1.6}.text-small{font-size:.875rem;line-height:1.5;color:var(--base1)}button{border-radius:6px;border:1px solid var(--base1);padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;background-color:var(--base3);color:var(--base00);cursor:pointer;transition:all .2s ease}button:hover{border-color:var(--blue);background-color:var(--base2);color:var(--base01)}button:focus,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.section{padding:4rem 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-4{gap:1rem}.gap-8{gap:2rem}.text-center{text-align:center}.transition{transition:all .2s ease}.app{min-height:100vh;background-color:var(--base3);position:relative}.main-content{max-width:640px;margin:0 auto;padding:80px 20px 120px}.profile-section{margin-bottom:48px;text-align:left;margin-left:95px}.avatar{margin-bottom:16px}.avatar-image{width:96px;height:96px;border-radius:50%;object-fit:cover;border:3px solid var(--base2);padding:4px}.name{font-size:2rem;font-weight:700;color:var(--base01);margin:0 0 8px;line-height:1.2}.subtitle{font-size:1rem;color:var(--base1);margin:0;line-height:1.5}.content-section{margin-bottom:40px}.section-grid{display:grid;grid-template-columns:75px 1fr;gap:20px;align-items:start}.section-label{font-size:.875rem;font-weight:500;color:var(--base1);margin:0;padding-top:2px;text-transform:lowercase}.section-content{color:var(--base00)}.section-content p{margin:0;line-height:1.6;font-size:1rem}.projects-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-item{padding:16px;border:1px solid var(--base1);border-radius:8px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit}.project-item:hover{background-color:var(--base2);border-color:var(--base0);transform:translateY(-2px)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.project-title{font-size:1rem;font-weight:600;color:var(--base01);margin:0;line-height:1.4;flex:1}.project-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:flex-start;flex-shrink:0}.project-tag{font-size:.75rem;font-weight:500;color:var(--base1);background:var(--base2);padding:2px 8px;border-radius:4px;white-space:nowrap;transition:all .2s ease}.project-item:hover .project-tag{background:var(--base3);color:var(--base0)}.project-description{font-size:1rem;font-weight:400;color:var(--base1);margin:0 0 12px;line-height:1.5}.dock{position:fixed;bottom:24px;right:24px;z-index:1000}.dock-items{display:flex;flex-direction:column;gap:8px;background:var(--base2);border:1px solid var(--base1);border-radius:12px;padding:8px;box-shadow:0 8px 32px #657b831f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dock-item{width:44px;height:44px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s ease;color:var(--base00)}.dock-item:hover{background:var(--base3);transform:scale(1.05)}.dock-item:active{transform:scale(.95)}@media (max-width: 768px){.main-content{padding:60px 16px 100px}.profile-section{margin-left:76px}.section-grid{grid-template-columns:60px 1fr;gap:16px}.section-label{font-size:.8rem}.name{font-size:1.75rem}.avatar-image{width:80px;height:80px}.dock{bottom:16px;right:16px}.dock-item{width:40px;height:40px;font-size:1.1rem}.projects-list{grid-template-columns:1fr;gap:16px}.project-header{flex-direction:column;align-items:flex-start;gap:8px}.project-tags{align-self:flex-end}.project-tag{font-size:.7rem;padding:1px 6px}}.social-buttons{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start;align-items:flex-start}.social-item{display:flex;flex-direction:column;align-items:center;gap:8px}.social-button{display:flex;align-items:center;justify-content:center;padding:0;text-decoration:none;color:var(--base00);border-radius:50%;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:1px solid var(--base1);background:transparent}.social-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--base2) 0%,rgba(238,232,213,.5) 100%);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);border-radius:inherit;z-index:-1}.social-button:hover{color:var(--base01);border-color:var(--base1);transform:translateY(-1px);box-shadow:0 4px 12px #657b8326,0 0 0 1px #657b830d}.social-button:hover:before{opacity:1}.social-button:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #268bd21f,0 4px 12px #657b8326}.social-button:active{transform:translateY(0);transition-duration:.1s}.social-button-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);color:var(--base01);position:relative;overflow:hidden}.social-button-icon svg{position:relative;z-index:1;transition:all .2s cubic-bezier(.4,0,.2,1)}.social-button:hover .social-button-icon{transform:scale(1.05)}.social-button:hover .social-button-icon svg{color:var(--base00);transform:scale(1.1)}.social-button-label{font-size:.75rem;font-weight:500;line-height:1.4;color:var(--base01);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.social-item:hover .social-button-label{color:var(--base00)}@media (max-width: 768px){.social-buttons{gap:20px}.social-item{gap:6px}.social-button-icon{width:44px;height:44px}.social-button-icon svg{width:18px;height:18px}.social-button-label{font-size:.7rem}}html.dark .social-button{border-color:var(--base01)}html.dark .social-button:hover{border-color:var(--base0)}@media (prefers-contrast: high){.social-button-icon{background:var(--base2)}}@media (prefers-reduced-motion: reduce){.social-button,.social-button-icon,.social-button-icon svg,.social-button-label,.social-button:before{transition:none}.social-button:hover,.social-button:hover .social-button-icon{transform:none}.social-button:hover .social-button-icon svg{transform:none}.social-item:hover .social-button-label{transform:none}}