:root{--bg-main: #0f172a;--bg-card: #1e293b;--bg-accent: #312e81;--text-primary: #f8fafc;--text-secondary: #94a3b8;--interactive: #6366f1;--interactive-hover: #818cf8;--border-color: #334155;--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}body{color:var(--text-primary);background:var(--bg-main);font-family:var(--font-sans);margin:0;padding:0;line-height:1.6;-webkit-font-smoothing:antialiased}@layer utilities{.text-balance{text-wrap:balance}}#main{display:flex;min-height:100vh;flex-direction:column;align-items:center;gap:4rem}.header{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);padding:0 10%;height:70px;position:fixed;top:0;left:0;z-index:100}.header-title{font-size:20px;font-weight:700;letter-spacing:-.05em;color:var(--text-primary)}.header-nav{display:flex;gap:1.5rem;align-items:center}.header-button{font-weight:500;font-size:15px;text-decoration:none;color:var(--text-secondary);cursor:pointer;transition:color .2s ease}.header-button:hover{color:var(--text-primary)}.main-content-container{width:90%;max-width:1100px;display:flex;flex-direction:column;gap:4rem;align-items:center}.home-container{width:90%;max-width:1100px;padding:140px 0 40px;display:grid;grid-template-columns:1.2fr .8fr;gap:3rem}@media (max-width: 768px){.home-container{grid-template-columns:1fr;text-align:center;padding-top:100px}.header{padding:0 5%}.home-profile-picture-container{justify-content:center!important}}.home-left-side{display:flex;flex-direction:column;justify-content:center}.home-title{font-size:42px;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.home-description{font-size:18px;color:var(--text-secondary)}.home-technologies{display:flex;flex-direction:column;margin-top:2rem}.home-technologies-text{font-size:16px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600;margin-bottom:.75rem}.home-technologies-slider{border:none;width:100%;height:100px;background:transparent}.home-profile-picture-container{display:flex;justify-content:flex-end;align-items:center}.home-profile-picture{border-radius:50%;border:4px solid var(--border-color);object-fit:cover;height:320px;width:320px;box-shadow:0 20px 25px -5px #00000080;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .3s ease}.home-profile-picture:hover{transform:scale(1.04);border-color:var(--interactive)}#projects{width:100%;display:flex;gap:2.5rem;flex-direction:column;align-items:center;padding-top:4rem}.projects-container-title{font-size:32px;font-weight:800;letter-spacing:-.02em}.project-container{display:flex;flex-direction:column;width:100%;max-width:850px;background-color:var(--bg-card);border:1px solid var(--border-color);padding:1.5rem;border-radius:16px;box-shadow:0 10px 15px -3px #0000004d}.project-grid-normal,.project-grid-inverted{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;width:100%}@media (max-width: 640px){.project-grid-normal,.project-grid-inverted{grid-template-columns:1fr}.project-media-container,.project-media{width:100%!important;height:auto!important;aspect-ratio:4 / 3}}.project-title{font-size:22px;font-weight:700;color:var(--text-primary);padding:1rem 0}.project-media-container{display:flex;align-items:center;justify-content:center;width:100%;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.project-media{width:100%;height:260px;object-fit:contain;border:none}.project-details{padding:1rem 0 0}.project-description{text-align:left;color:var(--text-secondary);font-size:15px}.project-description li{margin-bottom:.5rem}.project-links-container{display:flex;justify-content:flex-end;margin-top:1.5rem}.project-links-grid{display:flex;gap:1rem}.project-demo,.project-github-link{display:inline-flex;align-items:center;gap:.5rem;background-color:var(--interactive);border-radius:8px;padding:.6rem 1.2rem;color:#fff;font-weight:500;font-size:14px;text-decoration:none;transition:background-color .2s ease}.project-demo:hover,.project-github-link:hover{background-color:var(--interactive-hover)}.redirect-image{width:14px;height:14px;filter:invert(1)}#contact-container{width:100%;display:flex;justify-content:center;background-color:var(--bg-card);border-top:1px solid var(--border-color);padding:5rem 0}#contact{display:flex;flex-direction:column;width:90%;max-width:900px}.contact-title{font-size:32px;font-weight:800;margin-bottom:3rem;letter-spacing:-.02em}.contact-content{display:grid;grid-template-columns:1.2fr .8fr;gap:4rem;width:100%}@media (max-width: 768px){.contact-content{grid-template-columns:1fr;gap:3rem}}.contact-form-box{display:flex;flex-direction:column;gap:1.25rem}.contact-block{display:flex;flex-direction:column}.contact-input,.contact-message{width:100%;padding:.75rem;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:15px;outline:none;transition:border-color .2s ease;font-family:inherit;resize:vertical}.contact-input:focus,.contact-message:focus{border-color:var(--interactive)}.contact-message{height:120px;resize:vertical}.contact-send-button{font-size:16px;font-weight:600;padding:.75rem 2rem;border-radius:8px;border:none;background-color:var(--interactive);color:#fff;cursor:pointer;transition:background-color .2s ease}.contact-send-button:hover{background-color:var(--interactive-hover)}.contact-feedback-response{text-align:center;padding:.75rem;border-radius:8px;background-color:#10b981;color:#fff;font-weight:500;margin-top:1rem}.contact-social{background-color:var(--bg-main);padding:2rem;border-radius:12px;height:fit-content;font-size:20px;font-weight:700;border:1px solid var(--border-color)}.contact-social-images{display:flex;gap:1rem;margin-top:1rem}.contact-social-images img{border-radius:8px}.contact-social-image:hover{transform:translateY(-2px)}#contact-social-image-github{filter:invert(1) brightness(1.5);transition:transform .2s ease}.contact-social-images img:hover{transform:translateY(-2px)}.divider-container{display:flex;justify-content:center;margin:1rem 0}.divider-line{width:100%;height:1px;background-color:var(--border-color)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#ffffffde;background-color:#f2f2f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}