@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Mrs+Saint+Delafield&display=swap";:root{--bg-color:#0f0715;--bg-dark:#050208;--text-color:#fff;--text-secondary:#b1b1b1;--accent-color:#8750f7;--accent-hover:#9c6ef9;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--section-padding:100px 20px;--transition:all .3s ease}*{box-sizing:border-box;selection-background:var(--accent-color);selection-color:white;margin:0;padding:0}::selection{background:var(--accent-color);color:#fff}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,#8750f70d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8750f70d 0%,#0000 40%);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}h1,h2,h3{font-weight:700;line-height:1.2}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:14px 35px;font-size:1rem;font-weight:600;display:inline-block}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px #8750f74d}.section-title{text-align:center;background:linear-gradient(90deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:3rem}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:30px 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#050208d9;padding:15px 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo-signature{color:#fff;transition:var(--transition);font-family:Mrs Saint Delafield,cursive;font-size:3.5rem;line-height:1}.logo-signature:hover{color:var(--accent-color);transform:scale(1.05)}.nav-links{align-items:center;gap:40px;display:flex}.nav-links a{font-size:1.1rem;font-weight:500}.nav-links a:hover{color:var(--accent-color)}.nav-toggle{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;display:none}.nav-toggle span{background:#fff;width:25px;height:2px;transition:all .3s}.nav-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.nav-toggle{display:flex}.nav-links{z-index:1000;background:#0a0510;flex-direction:column;justify-content:center;gap:40px;width:100%;height:100vh;transition:all .4s;position:fixed;top:0;right:-100%}.nav-links.mobile-open{right:0}}.hero{align-items:center;min-height:100vh;padding-top:140px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.memoji-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.memoji-glow{z-index:-1;filter:blur(40px);background:radial-gradient(circle,#8750f74d 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute}.memoji-img{z-index:1;width:100%;max-width:380px;height:auto}.hero-content{position:relative}.greeting-annotation{flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:-40px;left:0;transform:rotate(-2deg)}.greeting-text{color:#fff;white-space:nowrap;font-size:1.2rem;font-weight:500}.greeting-text span{color:var(--accent-color)}.arrow-svg{width:80px;height:auto;margin-top:5px;margin-right:-20px;transform:scaleX(-1)rotate(20deg)}.hero-title-top{color:#fff;margin-bottom:10px;font-size:1.8rem;font-weight:400}.hero-title-main{margin-bottom:30px;font-size:clamp(3rem,6vw,5.5rem);font-weight:700;line-height:1.1}.highlight-pill{z-index:1;padding:0 20px;display:inline-block;position:relative}.highlight-pill:before{content:"";background:linear-gradient(135deg, var(--accent-color) 0%, #5d29bd 100%);z-index:-1;border-radius:100px;width:100%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circle-svg{z-index:2;pointer-events:none;width:120%;height:120%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-subtitle{color:var(--text-secondary);max-width:500px;margin-bottom:40px;font-size:1.2rem}.typewriter-container{color:#fff;font-size:2.5rem;font-weight:700}.typewriter-cursor{vertical-align:middle;background-color:#fff;width:3px;height:2.5rem;margin-left:5px;animation:.7s infinite blink;display:inline-block}.about-section{background:relative;padding:120px 0;overflow:hidden}.about-container{flex-direction:column;align-items:center;display:flex}.about-text-wrapper{text-align:center;max-width:900px;margin:0 auto}.about-bio{color:var(--text-color);background:linear-gradient(135deg,#fff 0%,#b1b1b1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:1.8rem;font-weight:500;line-height:1.4}.about-stats{justify-content:center;gap:80px;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-number{color:var(--accent-color);margin-bottom:10px;font-size:3.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-size:1rem}.experience-section{background-color:var(--bg-dark);padding:100px 0}.experience-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-bottom:80px;display:grid}.exp-card-new{border:1px solid var(--glass-border);transition:var(--transition);background:linear-gradient(135deg,#1e0b36cc 0%,#0f0715e6 100%);border-radius:20px;padding:40px;position:relative;overflow:hidden}.exp-card-new:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 15px 30px #8750f726}.exp-card-content{align-items:flex-start;gap:30px;display:flex}.exp-icon-wrapper{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.exp-icon{width:100%;height:auto}.exp-card-right{flex:1}.exp-card-title{color:#fff;margin-bottom:15px;font-size:1.6rem;font-weight:700}.exp-card-desc{color:var(--text-secondary);margin-bottom:25px;font-size:1rem;line-height:1.5}.learn-more-link{color:#fff;letter-spacing:1px;transition:var(--transition);align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.learn-more-link:hover{color:var(--accent-color);gap:12px}.awards-container{margin-top:100px}.awards-title{text-align:left;margin-bottom:40px}.award-card-large{border:1px solid var(--glass-border);background:linear-gradient(135deg,#1e0b3699 0%,#0f0715cc 100%);border-radius:30px;flex-direction:column;gap:40px;padding:60px;display:flex}.award-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.company-logo-small{width:auto;height:40px}.award-badge{color:var(--accent-color);letter-spacing:1px;background:#8750f733;border-radius:50px;padding:8px 20px;font-size:.8rem;font-weight:700}.award-body{grid-template-columns:1.5fr 1fr;align-items:center;gap:60px;display:grid}.award-title{color:#fff;margin-bottom:25px;font-size:2.2rem}.award-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.award-image-wrapper{border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.award-main-img{width:100%;height:auto;display:block}.skills-section{background-color:var(--bg-dark);padding:100px 0}.skills-header{text-align:center;margin-bottom:60px}.skills-main-title{background:linear-gradient(90deg, #fff, var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:clamp(2rem,4vw,3rem);font-weight:700}.skills-subtitle{color:var(--text-secondary);font-size:1.2rem}.illustration-container{justify-content:center;margin-bottom:100px;display:flex;position:relative}.skills-illustration{filter:drop-shadow(0 0 30px #8750f733);width:100%;max-width:900px;height:auto}.sub-section-title{color:#fff;text-align:center;margin-bottom:40px;font-size:2rem;font-weight:700}.tech-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:100px;display:flex}.tech-tag-large{color:#fff;transition:var(--transition);background:#8750f71a;border:1px solid #8750f733;border-radius:50px;padding:12px 25px;font-size:1rem;font-weight:600}.tech-tag-large:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 20px #8750f733}.marketing-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.marketing-card{flex-direction:column;height:100%;padding:40px;display:flex}.marketing-category{color:var(--accent-color);margin-bottom:20px;font-size:1.4rem;font-weight:700}.marketing-desc{color:#fff;opacity:.9;margin-bottom:25px;font-size:1rem;line-height:1.4}.marketing-details{flex-direction:column;gap:12px;list-style:none;display:flex}.marketing-details li{color:var(--text-secondary);padding-left:20px;font-size:.95rem;line-height:1.5;position:relative}.marketing-details li:before{content:"→";color:var(--accent-color);font-weight:700;position:absolute;left:0}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:50px;display:grid}.project-card{transition:var(--transition);overflow:hidden}.project-card:hover{border-color:var(--accent-color);transform:translateY(-10px)}.project-img-placeholder{border-bottom:1px solid var(--glass-border);background:linear-gradient(135deg,#1a0b2e,#0f0715);justify-content:center;align-items:center;height:250px;display:flex}.project-content{padding:40px}.project-tech{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.tech-tag{color:var(--accent-color);background:#8750f726;border-radius:6px;padding:5px 15px;font-size:.85rem}.footer-section{background-color:var(--bg-dark);border-top:1px solid var(--glass-border);padding:100px 0 60px}.contact-container{text-align:center;flex-direction:column;align-items:center;max-width:800px;display:flex}.contact-title{color:#fff;margin-bottom:30px;font-size:3.5rem;font-weight:700}.contact-subtitle{color:var(--text-secondary);margin-bottom:40px;font-size:1.2rem;line-height:1.6}.contact-email{color:#fff;transition:var(--transition);margin-bottom:50px;font-size:1.5rem;font-weight:600;text-decoration:none}.contact-email:hover{color:var(--accent-color)}.contact-socials{gap:25px;margin-bottom:40px;display:flex}.social-icon-btn{color:#fff;width:50px;height:50px;transition:var(--transition);border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 20px #8750f74d}.btn-resume{border:2px solid var(--accent-color);color:#fff;transition:var(--transition);background:0 0;border-radius:50px;align-items:center;gap:12px;margin-bottom:60px;padding:12px 30px;font-weight:600;text-decoration:none;display:flex}.btn-resume:hover{background:var(--accent-color);transform:translateY(-3px);box-shadow:0 10px 20px #8750f74d}.footer-line{background:var(--glass-border);width:100%;height:1px;margin-bottom:40px}.footer-copyright{color:var(--text-secondary);opacity:.7;font-size:.9rem}@media (width<=768px){.contact-title{font-size:2.5rem}.contact-email{font-size:1.2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-up{animation:1s forwards fadeInUp}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}section{padding:var(--section-padding)}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.memoji-wrapper{order:-1}.greeting-annotation{top:-100px;left:50%;transform:translate(-50%)rotate(-5deg)}.hero-subtitle{margin:0 auto 40px}}.projects-section{background-color:var(--bg-dark);padding:100px 0}.projects-list{flex-direction:column;gap:150px;margin-top:80px;display:flex}.project-row{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;display:grid;position:relative}.project-row.row-reverse{grid-template-columns:1fr 1.2fr}.project-row.row-reverse .project-image-side{order:2}.project-row.row-reverse .project-content-side{text-align:right;align-items:flex-end}.project-row.row-reverse .project-description-box{margin-left:0;margin-right:-100px}.project-image-side{z-index:1;position:relative}.project-image-frame{background:var(--bg-color);transition:var(--transition);border-radius:20px;overflow:hidden;box-shadow:0 30px 60px #00000080}.project-image-frame:hover{transform:scale(1.02);box-shadow:0 40px 80px #8750f733}.project-main-img{width:100%;height:auto;display:block}.project-content-side{z-index:2;flex-direction:column;display:flex}.featured-label{color:var(--accent-color);letter-spacing:1px;margin-bottom:10px;font-size:1rem;font-weight:600}.project-main-title{color:#fff;margin-bottom:30px;font-size:3rem;font-weight:700;line-height:1.2}.project-description-box{border-radius:16px;width:calc(100% + 100px);margin-left:-100px;padding:35px;position:relative;box-shadow:0 20px 40px #0000004d}.project-description-box p{color:#ffffffd9;font-size:1.1rem;line-height:1.6}.project-footer{gap:20px;margin-top:30px;display:flex}.project-external-link{opacity:.7;transition:var(--transition)}.project-external-link:hover{opacity:1;transform:translateY(-3px)}@media (width<=992px){.hero{padding-top:120px;padding-bottom:60px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:30px}.hero-content{flex-direction:column;align-items:center;padding:0 10px;display:flex}.greeting-annotation{align-items:center;margin-bottom:20px;position:relative;top:0;left:0;transform:none}.arrow-svg{display:none}.hero-title-main{font-size:clamp(2.5rem,8vw,3.5rem)}.typewriter-container{font-size:1.8rem}.about-bio{font-size:1.3rem}.experience-grid{grid-template-columns:1fr}.award-body{grid-template-columns:1fr;gap:30px}.award-card-large{padding:20px}.award-badge{padding:6px 12px;font-size:.7rem}.award-title{font-size:1.8rem}.skills-illustration{max-width:100%;margin-bottom:50px}.tech-grid{gap:10px}.marketing-grid{grid-template-columns:1fr}.project-row,.project-row.row-reverse{grid-template-columns:1fr;gap:40px}.project-image-side{order:0!important}.project-content-side{text-align:left!important;align-items:flex-start!important}.project-description-box{padding:25px;width:100%!important;margin:0!important}.project-main-title{font-size:2rem}}@media (width<=480px){.hero-title-main{font-size:2.5rem}.section-title{font-size:2.2rem}.stats-bar{flex-direction:column;gap:30px}.marketing-grid{grid-template-columns:1fr}.contact-title{font-size:2.2rem}}