*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.container{box-sizing:border-box;flex-direction:column;width:100%;max-width:900px;min-height:100vh;margin:0 auto;padding:2rem;display:flex;position:relative}.lang-toggle{cursor:pointer;z-index:100;background:#fff;border:none;border-radius:50px;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;transition:all .2s;position:fixed;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #00000026}.lang-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.content{background:#fff;border-radius:16px;flex:1;padding:3rem;box-shadow:0 20px 60px #0000004d}.header{text-align:center;border-bottom:2px solid #f0f0f0;margin-bottom:3rem;padding-bottom:2rem}.header h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.75rem;font-weight:700}.subtitle{color:#666;font-size:1.25rem;font-weight:400}.intro,.projects,.connect,.support{margin-bottom:3rem}.section-greeting{color:#667eea;margin-bottom:1rem;font-size:2rem;font-weight:600}.intro p,.projects p,.connect p,.support p{color:#555;margin-bottom:1rem;font-size:1.0625rem;line-height:1.7}h2{color:#333;margin-bottom:1rem;font-size:1.75rem;font-weight:600}.projects ul{margin-top:1rem;padding:0;list-style:none}.projects li{color:#444;padding:.75rem 0;font-size:1.125rem;line-height:1.6}.project-description{color:#444;margin-bottom:1.25rem;font-weight:500}.features-title{color:#333;margin-top:1.25rem;margin-bottom:.5rem;font-weight:600}.project-future{color:#666;margin-top:1.5rem;font-size:1rem;font-style:italic}.connect{background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-radius:12px;padding:2rem}.social-links{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.social-button{border-radius:8px;flex:auto;justify-content:center;align-items:center;gap:.5rem;min-width:fit-content;height:52px;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.social-button.linkedin{color:#fff;background:#0077b5}.social-button.linkedin:hover{background:#006399;transform:translateY(-2px);box-shadow:0 4px 12px #0077b54d}.social-button.github{color:#fff;background:#333}.social-button.github:hover{background:#24292e;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.social-button.email{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.social-button.email:hover{background:linear-gradient(135deg,#5a6fd6 0%,#6a4291 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.support{text-align:center;background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border-radius:12px;padding:2rem}.kofi-button{color:#fff;background:linear-gradient(135deg,#ff5e5b 0%,#ff8b88 100%);border-radius:50px;justify-content:center;align-items:center;padding:.875rem 2rem;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #ff5e5b4d}.kofi-button:hover{background:linear-gradient(135deg,#e54b47 0%,#ff7a77 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ff5e5b66}.footer{text-align:center;color:#fff;margin-top:2rem;padding:2rem 0;font-size:.9375rem;font-weight:400}@media (max-width:768px){body{font-size:16px}.container{padding:1rem}.lang-toggle{padding:.625rem 1rem;font-size:.875rem;top:1rem;right:1rem;box-shadow:0 2px 8px #00000026}.content{border-radius:12px;padding:2rem 1.5rem}.header{margin-bottom:2rem;padding-bottom:1.5rem}.header h1{font-size:2rem;line-height:1.2}.subtitle{font-size:1.125rem}.section-greeting{font-size:1.5rem}.intro,.projects,.connect,.support{margin-bottom:2.5rem}.intro p,.projects p,.connect p,.support p{font-size:1rem;line-height:1.65}h2{margin-bottom:1rem;font-size:1.5rem}.projects li{padding:.625rem 0;font-size:1rem}.project-future{margin-top:1.25rem;font-size:.9375rem}.connect,.support{padding:1.5rem}.social-links{flex-direction:column;gap:.75rem}.social-button{justify-content:center;width:100%;padding:.875rem 1.25rem;font-size:.9375rem}.kofi-button{width:100%;max-width:280px;padding:1rem 1.5rem;font-size:1rem}.footer{padding:1.5rem 0;font-size:.875rem}}@media (max-width:480px){.container{padding:.75rem}.lang-toggle{padding:.5rem .875rem;font-size:.8125rem;top:.75rem;right:.75rem}.content{padding:1.5rem 1rem}.header{margin-bottom:1.5rem}.header h1{font-size:1.75rem}.subtitle{font-size:1rem}.section-greeting,h2{font-size:1.375rem}.intro,.projects,.connect,.support{margin-bottom:2rem}.intro p,.projects p,.connect p,.support p{font-size:.9375rem}.projects li{padding:.5rem 0;font-size:.9375rem}.connect,.support{padding:1.25rem}.social-button{padding:.75rem 1rem;font-size:.875rem}.social-button svg{width:18px;height:18px}.kofi-button{padding:.875rem 1.25rem;font-size:.9375rem}.kofi-button svg{width:18px;height:18px}.footer{padding:1.25rem 0;font-size:.8125rem}}@media (max-width:360px){.header h1{font-size:1.5rem}.subtitle{font-size:.9375rem}.content{padding:1.25rem .875rem}h2,.section-greeting{font-size:1.25rem}}
