:root{--bg-primary: #202020;--bg-secondary: #2b2b2b;--bg-tertiary: #1a1a1a;--bg-hover: #323232;--bg-active: #3a3a3a;--accent: #0067c0;--accent-light: #4cc2ff;--text-primary: #ffffff;--text-secondary: #c8c8c8;--text-tertiary: #9d9d9d;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--shadow: rgba(0, 0, 0, .5);--radius: 8px;--radius-small: 4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI Variable Display,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}header{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:var(--radius);padding:32px;margin-bottom:24px;box-shadow:0 8px 16px var(--shadow);transition:all .2s ease}header:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 12px 24px var(--shadow)}header h1{font-size:2.5rem;font-weight:600;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.content{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:768px){.content{grid-template-columns:350px 1fr}.about{grid-row:1 / 3}}section{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 4px 12px var(--shadow);transition:all .2s ease}section:hover{border-color:var(--border-hover);box-shadow:0 8px 20px var(--shadow)}section h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.3px}section p{color:var(--text-secondary);margin-bottom:16px;font-size:.95rem}.about{display:flex;flex-direction:column;align-items:center;text-align:center;position:sticky;top:20px;height:fit-content}.about img{width:180px;height:180px;border-radius:50%;border:3px solid var(--accent);margin:20px 0;box-shadow:0 8px 24px #0067c04d;transition:all .3s ease;object-fit:cover}.about img:hover{transform:scale(1.05);box-shadow:0 12px 32px #0067c080;border-color:var(--accent-light)}.about p{cursor:pointer;padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-small);transition:all .2s ease;-webkit-user-select:none;user-select:none}.about p:hover{background:var(--bg-hover);border-color:var(--accent);transform:translateY(-1px)}.about p:active{transform:translateY(0);background:var(--bg-active)}.projects{display:flex;flex-direction:column;gap:16px}.project{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-small);padding:20px;transition:all .2s ease;cursor:default}.project:hover{background:var(--bg-hover);border-color:var(--accent);transform:translate(4px)}.project h3{font-size:1.2rem;margin-bottom:12px;color:var(--accent-light)}.project p{margin-bottom:8px;font-size:.9rem}.project a{color:var(--accent-light);text-decoration:none;font-size:.9rem;transition:all .2s ease;display:inline-block;position:relative}.project a:after{content:"";position:absolute;width:0;height:1px;bottom:-2px;left:0;background:var(--accent-light);transition:width .2s ease}.project a:hover{color:var(--text-primary)}.project a:hover:after{width:100%}.contact{display:flex;flex-direction:column;gap:12px}.contact div{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-small);padding:14px 18px;transition:all .2s ease}.contact div:hover{background:var(--bg-hover);border-color:var(--accent);transform:translate(4px)}.contact div p{margin:0;color:var(--text-secondary)}.contact div a{color:var(--accent-light);text-decoration:none;transition:all .2s ease}.contact div a:hover{color:var(--text-primary);text-decoration:underline}footer{background:var(--bg-secondary);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-top:24px;text-align:center;box-shadow:0 4px 12px var(--shadow);transition:all .2s ease}footer:hover{border-color:var(--border-hover);box-shadow:0 8px 20px var(--shadow)}footer p{margin:0;color:var(--text-tertiary);font-size:.9rem}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:10px;border:2px solid var(--bg-tertiary)}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}::selection{background:var(--accent);color:var(--text-primary)}::-moz-selection{background:var(--accent);color:var(--text-primary)}