:root{--clr-accent: #10b981;--clr-accent-dark: #059669;--clr-accent-rgb: 16, 185, 129;--clr-bg-start: #064e3b;--clr-text: #ffffff;--clr-text-muted: #d1d5db;--clr-text-dim: #9ca3af;--grad-bg: linear-gradient(to right, var(--clr-bg-start), #000000);--grad-accent: linear-gradient(to right, var(--clr-accent), var(--clr-accent-dark));--grad-card: linear-gradient(to bottom right, rgba(31, 41, 55, .9), rgba(17, 24, 39, .9));--transition: all .3s ease;--transition-fast: all .2s ease;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:var(--grad-accent);z-index:1001;transition:width .1s linear}html{scroll-behavior:smooth}body{font-family:var(--font-base);background:#000;background:var(--grad-bg);color:var(--clr-text);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:var(--transition)}header.scrolled,header.menu-open{background:#000000f2;backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000004d}.header-content{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--clr-text)}.logo-circle{width:40px;height:40px;border-radius:50%;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}.logo-text{font-weight:600;font-size:18px}.desktop-nav{display:flex;gap:32px}.desktop-nav a{color:var(--clr-text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.desktop-nav a:hover{color:var(--clr-accent)}.header-buttons{display:flex;gap:16px}.btn-ghost,.btn-primary,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);text-decoration:none;font-size:14px;font-weight:500;transition:var(--transition-fast);border:none;cursor:pointer}.btn-ghost{color:var(--clr-text-muted);background:transparent;border:1px solid transparent}.btn-ghost:hover{color:var(--clr-accent);background:rgba(var(--clr-accent-rgb),.1)}.btn-primary{color:var(--clr-text);background:var(--clr-accent)}.btn-primary:hover{background:var(--clr-accent-dark);transform:translateY(-1px)}.btn-outline{color:var(--clr-accent);background:transparent;border:1px solid rgba(var(--clr-accent-rgb),.4)}.btn-outline:hover{background:rgba(var(--clr-accent-rgb),.1);border-color:var(--clr-accent)}.mobile-menu{display:none;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu.active{display:block}.mobile-menu-btn{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px;flex-shrink:0;z-index:100}.mobile-menu-btn span{width:24px;height:2px;background:var(--clr-text);transition:var(--transition);flex-shrink:0}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu nav{display:flex;flex-direction:column;gap:16px}.mobile-menu a{color:var(--clr-text-muted);text-decoration:none;font-size:14px;font-weight:500}.mobile-menu nav>a:hover{color:var(--clr-accent)}.mobile-menu-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu-actions a{flex:1;justify-content:center}.hero{min-height:100vh;display:flex;align-items:center;padding-top:80px}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-image{position:relative;display:flex;justify-content:center}.profile-halo{position:absolute;inset:0;background:radial-gradient(circle,rgba(var(--clr-accent-rgb),.3),transparent);border-radius:50%;filter:blur(60px)}.profile-circle{position:relative;width:clamp(260px,38vw,460px);height:clamp(260px,38vw,460px);border-radius:50%;background:linear-gradient(to bottom right,#1f2937,#111827);display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:700;color:var(--clr-accent);border:4px solid rgba(var(--clr-accent-rgb),.5);box-shadow:0 20px 50px #00000080}.profile-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-content{color:var(--clr-text)}.badge{display:inline-block;padding:8px 16px;background:rgba(var(--clr-accent-rgb),.1);border:1px solid rgba(var(--clr-accent-rgb),.3);border-radius:24px;color:var(--clr-accent);font-size:14px;font-weight:500;margin-bottom:16px}.hero-content h1{font-size:56px;font-weight:700;margin-bottom:24px;line-height:1.2}.hero-content p{font-size:20px;color:var(--clr-text-muted);margin-bottom:32px;line-height:1.8}.highlight{color:var(--clr-accent);font-weight:600}.hero-buttons{display:flex;gap:16px}section{padding:96px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:40px;font-weight:700;margin-bottom:16px}.underline{width:80px;height:4px;background:var(--grad-accent);margin:0 auto}.section-description{color:var(--clr-text-dim);max-width:800px;margin:16px auto 0}.card{background:var(--grad-card);border:1px solid rgba(var(--clr-accent-rgb),.3);border-radius:var(--radius-lg);padding:48px;transition:var(--transition)}.card:hover{border-color:rgba(var(--clr-accent-rgb),.6);box-shadow:0 10px 30px rgba(var(--clr-accent-rgb),.1)}.about .card p{font-size:18px;color:var(--clr-text-muted);line-height:1.8;margin-bottom:24px}.about .card p:last-child{margin-bottom:0}.quote-box{background:linear-gradient(to right,rgba(var(--clr-accent-rgb),.1),transparent);border-left:4px solid var(--clr-accent);padding:24px;border-radius:0 8px 8px 0;display:flex;gap:12px;align-items:flex-start}.quote-box svg{flex-shrink:0;color:var(--clr-accent);margin-top:4px}.quote-box p{font-size:20px;font-weight:600;color:var(--clr-text);font-style:italic;margin:0}.skills{background:#0000004d}.skills-categories{display:flex;flex-direction:column;gap:20px}.skills-category{background:var(--grad-card);border:1px solid rgba(var(--clr-accent-rgb),.3);border-radius:var(--radius-lg);padding:28px 32px;transition:var(--transition)}.skills-category:hover{border-color:rgba(var(--clr-accent-rgb),.6);box-shadow:0 8px 24px rgba(var(--clr-accent-rgb),.08)}.category-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(var(--clr-accent-rgb),.15)}.category-header svg{color:var(--clr-accent);flex-shrink:0}.category-header h3{font-size:16px;font-weight:600;color:var(--clr-accent);letter-spacing:.05em;text-transform:uppercase}.skills-icons-row{display:flex;flex-wrap:wrap;gap:12px}.skill-icon-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 18px;background:#00000040;border:1px solid rgba(var(--clr-accent-rgb),.15);border-radius:var(--radius-md);transition:var(--transition-fast);cursor:default;min-width:76px;color:#a9bacd}.skill-icon-card:hover{border-color:rgba(var(--clr-accent-rgb),.5);background:rgba(var(--clr-accent-rgb),.06);transform:translateY(-3px);box-shadow:0 6px 16px rgba(var(--clr-accent-rgb),.12);color:var(--clr-accent)}.skill-icon-card svg{width:36px;height:36px;flex-shrink:0;transition:filter .25s ease}.skill-icon-card .skill-img-icon{width:36px;height:36px;flex-shrink:0;filter:grayscale(100%) brightness(.65);transition:filter .25s ease}.skill-icon-card:hover .skill-img-icon{filter:grayscale(0%) brightness(1) drop-shadow(0 0 8px rgba(var(--clr-accent-rgb),.75))}.skill-icon-card span{font-size:11px;font-weight:500;color:var(--clr-text-dim);text-align:center;white-space:nowrap}.skill-icon-card:hover span{color:var(--clr-text-muted)}.skill-icon-card:hover svg{filter:drop-shadow(0 0 8px rgba(var(--clr-accent-rgb),.75))}.experience-list{display:flex;flex-direction:column;gap:24px}.experience-card{padding:24px}.experience-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.icon-wrapper{width:48px;height:48px;border-radius:50%;background:rgba(var(--clr-accent-rgb),.2);display:flex;align-items:center;justify-content:center}.icon-wrapper svg{color:var(--clr-accent)}.year{color:var(--clr-text-dim);font-size:14px}.experience-card h3{font-size:20px;font-weight:600;color:var(--clr-text);margin-bottom:8px}.company{color:var(--clr-accent);font-weight:500;margin-bottom:12px}.description{color:var(--clr-text-muted);line-height:1.6}.education-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.education-card{padding:24px}.education-card .year{display:block;margin-bottom:12px}.education-card h3{font-size:20px;font-weight:600;color:var(--clr-text);margin-bottom:8px}.projects{background:#0000004d}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{padding:24px;display:flex;flex-direction:column;gap:16px}.project-card h3{font-size:24px;font-weight:600;color:var(--clr-text);transition:color .2s ease}.project-card:hover h3{color:var(--clr-accent)}.project-card>p{color:var(--clr-text-muted);line-height:1.6;flex-grow:1}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{padding:6px 12px;font-size:12px;font-weight:500;background:rgba(var(--clr-accent-rgb),.1);border:1px solid rgba(var(--clr-accent-rgb),.3);color:var(--clr-accent);border-radius:var(--radius-lg)}.tags span a{color:var(--clr-accent);text-decoration:none}.languages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:32px}.section-title svg{color:var(--clr-accent)}.section-title h2{font-size:32px;font-weight:700}.language-list{display:flex;flex-direction:column;gap:16px}.language-card{padding:20px;display:flex;align-items:center;justify-content:space-between}.flag{font-size:32px}.lang-name{font-size:18px;font-weight:600;flex-grow:1;margin-left:12px}.level{padding:6px 12px;background:rgba(var(--clr-accent-rgb),.1);border:1px solid rgba(var(--clr-accent-rgb),.3);color:var(--clr-accent);border-radius:var(--radius-lg);font-size:14px;font-weight:500}.interests-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.interest-card{padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:transform .2s ease;cursor:default}.interest-card:hover{transform:scale(1.05)}.interest-card svg{width:48px;height:48px;padding:12px;border-radius:50%;background:rgba(var(--clr-accent-rgb),.2);color:var(--clr-accent)}.interest-card span{font-size:14px;font-weight:500;color:var(--clr-text)}.footer{background:#00000080;border-top:1px solid rgba(var(--clr-accent-rgb),.2);padding:64px 0 48px}.footer-cta{text-align:center;padding-bottom:56px;border-bottom:1px solid rgba(var(--clr-accent-rgb),.15);margin-bottom:40px}.footer-meta{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:28px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:rgba(var(--clr-accent-rgb),.1);border:1px solid rgba(var(--clr-accent-rgb),.3);border-radius:24px;color:var(--clr-accent);font-size:13px;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--clr-accent);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.footer-location{display:inline-flex;align-items:center;gap:6px;color:var(--clr-text-dim);font-size:13px}.footer-cta h2{font-size:48px;font-weight:700;line-height:1.2;margin-bottom:32px}.footer-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:32px;border-bottom:1px solid rgba(var(--clr-accent-rgb),.15);margin-bottom:32px}.footer-nav{display:flex;gap:24px}.footer-nav a{color:var(--clr-text-dim);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s ease}.footer-nav a:hover{color:var(--clr-accent)}.social-icons{display:flex;gap:12px}.social-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid rgba(var(--clr-accent-rgb),.3);color:var(--clr-text-muted);text-decoration:none;transition:var(--transition)}.social-icon-btn:hover{border-color:var(--clr-accent);color:var(--clr-accent);background:rgba(var(--clr-accent-rgb),.1)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--clr-text-dim);font-size:14px}.built-with{display:flex;align-items:center;gap:8px}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.3)}30%{transform:scale(1)}45%{transform:scale(1.3)}80%{transform:scale(1)}}.heart-icon{display:inline-block;vertical-align:middle;margin:0 4px;animation:heartbeat 1.5s infinite}#back-to-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:rgba(var(--clr-accent-rgb),.15);border:1px solid rgba(var(--clr-accent-rgb),.4);color:var(--clr-accent);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(16px);transition:opacity .3s ease,transform .3s ease,background .2s ease;z-index:999;pointer-events:none}#back-to-top.visible{opacity:1;transform:translateY(0);pointer-events:auto}#back-to-top:hover{background:rgba(var(--clr-accent-rgb),.3)}@media(max-width:768px){.desktop-nav,.header-buttons{display:none}.mobile-menu-btn{display:flex}.hero-grid{grid-template-columns:1fr;text-align:center;gap:24px}.hero-image{order:2}.hero-content{display:contents}.badge{order:1}.hero-content h1{font-size:40px;order:3}.hero-content p{font-size:18px;order:4}.hero-buttons{flex-direction:column;order:5;width:100%}.profile-circle{width:clamp(260px,68vw,380px);height:clamp(260px,68vw,380px);font-size:60px}.card{padding:24px}.section-header h2{font-size:32px}.education-grid,.projects-grid,.languages-grid{grid-template-columns:1fr}.skills-category{padding:20px}.skill-icon-card{min-width:64px;padding:12px 14px}.skill-icon-card svg,.skill-icon-card .skill-img-icon{width:28px;height:28px}.interests-grid{grid-template-columns:repeat(2,1fr)}.footer-cta h2{font-size:32px}.footer-bar{flex-direction:column;text-align:center;gap:20px}.footer-nav{flex-wrap:wrap;justify-content:center;gap:16px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}