:root{--bg-color: #050505;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #6366f1;--accent-secondary: #a855f7;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .05);--card-hover: rgba(255, 255, 255, .07);--font-main: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}.background-glob{position:fixed;top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,#6366f114,#0000 70%);border-radius:50%;z-index:-1;pointer-events:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;width:100%;top:0;left:0;z-index:1000;background:#050505d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.logo-container{display:flex;align-items:center;text-decoration:none}.logo-img{height:45px;width:auto;object-fit:contain}.nav-links{display:flex;gap:2.5rem;list-style:none;align-items:center}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .3s ease}.nav-links a:hover{color:var(--text-primary);text-shadow:0 0 10px rgba(255,255,255,.3)}.btn-contact{padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:30px;background:#ffffff0d;color:var(--text-primary)!important;transition:all .3s ease}.btn-contact:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;z-index:1001}section{padding:6rem 5%;max-width:1280px;margin:0 auto}.gradient-text{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:2.5rem;margin-bottom:3.5rem;text-align:center;font-weight:700;letter-spacing:-.5px}.hero{min-height:100vh;display:flex;align-items:center;padding-top:100px;justify-content:center}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:4rem;width:100%}.hero-text-content{flex:1;max-width:600px;text-align:left}.hero-image-container{flex:1;display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;width:350px;height:350px;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;box-shadow:0 0 50px #6366f14d;animation:morph 8s ease-in-out infinite;border:3px solid rgba(255,255,255,.1)}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.profile-img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}.badge{margin-left:0;margin-right:auto}.hero h1{font-size:4rem;line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-2px}.hero-description{font-size:1.15rem;color:var(--text-secondary);margin-bottom:2.5rem;margin-left:0;margin-right:0}.tech-stack-hero{display:flex;gap:1.5rem;justify-content:flex-start;margin-bottom:3rem;font-size:2rem;color:var(--text-secondary)}.hero-buttons{display:flex;gap:1.5rem;justify-content:flex-start}.btn{text-decoration:none;padding:1rem 2.2rem;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn.primary{background:#fff;color:#000;border:1px solid #ffffff}.btn.primary:hover{background:#e0e0e0;transform:translateY(-3px);box-shadow:0 10px 30px #ffffff26}.btn.secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn.secondary:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-3px)}.glass{background:#14141499;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:2.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s ease}.glass:hover{transform:translateY(-5px);border-color:#ffffff26;background:#1e1e1eb3;box-shadow:0 20px 40px #0000004d}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.tags{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.5rem}.tags span{background:#ffffff0d;padding:.4rem .8rem;border-radius:6px;font-size:.85rem;color:#d1d5db;border:1px solid rgba(255,255,255,.05)}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";position:absolute;left:140px;top:0;bottom:0;width:2px;background:#ffffff1a}.timeline-item{display:flex;gap:3rem;margin-bottom:3.5rem;position:relative}.timeline-date{min-width:140px;font-weight:700;color:var(--accent-primary);padding-top:.5rem;text-align:right;font-size:1.1rem}.timeline-content{flex-grow:1}.timeline-content h3{margin-bottom:.3rem;font-size:1.4rem}.timeline-content h4{color:var(--text-secondary);margin-bottom:1.2rem;font-weight:500;font-size:1rem}.company-link{color:inherit;text-decoration:none;border-bottom:1px dotted rgba(160,160,160,.4);transition:all .3s ease}.company-link:hover{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.company-link i{font-size:.8em;margin-left:4px;opacity:.7}.timeline-content ul{list-style-position:inside;color:#d1d5db;font-size:.95rem}.timeline-content li{margin-bottom:.5rem}.confidentiality-notice{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding:1.5rem 2rem;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-left:4px solid var(--accent-primary)}.notice-icon{font-size:2rem;color:var(--accent-primary);margin-top:5px}.notice-content h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.notice-content p{color:var(--text-secondary);font-size:.95rem;margin:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2.5rem}.project-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.project-preview{width:100%;height:240px;background:#1a1a1a;position:relative;overflow:hidden;border-bottom:1px solid var(--glass-border)}.project-preview img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.preview-iframe{width:100%;height:100%;border:none;pointer-events:none;transform-origin:top left;background:#1a1a1a}.project-card:hover .project-preview img{transform:scale(1.05)}.project-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-preview-overlay{opacity:1}.project-info{padding:2rem;flex:1;display:flex;flex-direction:column}.project-card h3{font-size:1.5rem;margin-bottom:.5rem}.project-role{color:var(--accent-secondary);font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.project-card .description{color:#ccc;margin-bottom:1.5rem;line-height:1.7}.project-tags{display:flex;gap:.6rem;flex-wrap:wrap}.project-tags span{font-size:.8rem;color:#9ca3af;background:#0000004d;padding:.3rem .8rem;border-radius:4px}.contact-section{text-align:center;padding-bottom:8rem}.contact-container{max-width:700px;margin:0 auto}.contact-links{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem;flex-wrap:wrap}footer{text-align:center;padding:3rem;border-top:1px solid var(--glass-border);color:var(--text-secondary)}@media(max-width:960px){.hero-container{flex-direction:column-reverse;text-align:center;gap:2rem}.hero-text-content{max-width:100%;text-align:center}.hero-image-container{width:100%;margin-bottom:1rem}.image-wrapper{width:250px;height:250px;margin:0 auto}.tech-stack-hero,.hero-buttons{justify-content:center}.timeline:before{left:20px}.timeline-item{flex-direction:column;gap:1rem;padding-left:40px}.timeline-date{text-align:left;padding-top:0}.hero h1{font-size:3rem}.grid-2{grid-template-columns:1fr}.menu-toggle{display:block}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#050505f2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:right .4s ease;padding-top:4rem}.nav-links.active{right:0}.nav-links a{font-size:1.5rem}}