#three-container{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:0;pointer-events:none;opacity:.4;transition:opacity .3s ease}#hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:var(--spacing-3xl) var(--spacing-lg);padding-top:100px}.hero-wrapper{max-width:1280px;width:100%;display:grid;grid-template-columns:1fr 400px;gap:var(--spacing-3xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.hero-badge{display:inline-flex;align-items:center;width:fit-content;padding:.5rem 1.25rem;background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:50px;color:var(--color-primary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:.95;background:linear-gradient(135deg,#ffffff 0%,var(--color-primary) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-text-muted);max-width:600px;line-height:1.6}.hero-cta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.hero-right{position:relative}.hero-quote{padding:var(--spacing-xl);background:#1e293b99;backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-xl);font-size:1.125rem;line-height:1.8;font-style:italic;color:var(--color-text);position:relative;box-shadow:0 20px 40px #0003}.hero-quote:before{content:'"';position:absolute;top:-20px;left:20px;font-size:5rem;color:var(--color-primary);opacity:.2;font-family:var(--font-primary);line-height:1}#about{background:transparent;position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-3xl);align-items:center}.about-text{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.stat-item{text-align:center;padding:var(--spacing-lg);background:#6366f10d;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg)}.stat-number{font-size:2.5rem;font-weight:800;font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.875rem;color:var(--color-text-muted);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.about-image{position:relative}.image-placeholder{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#6366f11a,#ec48991a);border:2px solid var(--color-border);border-radius:var(--radius-xl);position:relative;overflow:hidden}.image-placeholder img{width:100%;height:100%;object-fit:cover}#tech-stack{background:transparent;position:relative;z-index:1}.primary-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-3xl)}.skill-card{background:#1e293b66;backdrop-filter:blur(10px);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;position:relative;overflow:hidden;transition:all .3s ease}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f11a,#ec48991a);opacity:0;transition:opacity .3s ease}.skill-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #6366f14d}.skill-card:hover:before{opacity:1}.skill-icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f133,#ec489933);border-radius:var(--radius-lg);font-size:3rem;color:var(--color-primary);transition:all .3s ease}.skill-card:hover .skill-icon{transform:scale(1.1)}.skill-card h3{font-size:1.75rem;margin:0}.skill-card p{font-size:1rem;color:var(--color-text-muted);margin:0}.skills-categories{display:flex;flex-direction:column;gap:var(--spacing-2xl);max-width:1000px;margin:0 auto}.skills-section{background:#1e293b4d;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.skills-category{font-size:1.25rem;color:var(--color-primary);margin-bottom:var(--spacing-lg);text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.skill-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#0f172a80;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.skill-item:hover{transform:translateY(-4px);background:#6366f11a;border-color:var(--color-primary);box-shadow:0 10px 30px #6366f14d}.skill-item i{font-size:2rem;color:var(--color-primary);transition:all var(--transition-base)}.skill-item:hover i{transform:scale(1.2);color:var(--color-secondary)}.skill-item span{font-size:.9375rem;color:var(--color-text);font-weight:500}#my-work{background:transparent;position:relative;z-index:1;padding:8rem 0;overflow:hidden}#my-work:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 100px,rgba(99,102,241,.03) 100px,rgba(99,102,241,.03) 200px);pointer-events:none}#my-work .container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-lg)}#my-work .work-card{display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:center;margin-bottom:10rem;position:relative}#my-work .work-card.right{grid-template-columns:.8fr 1.2fr}#my-work .work-card:before{content:"";position:absolute;top:-50px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.2),transparent);border-radius:50%;filter:blur(80px);z-index:-1}#my-work .work-card.left{grid-template-areas:"image info"}#my-work .work-card.right{grid-template-areas:"info image"}#my-work .work-card.left .work-image{grid-area:image}#my-work .work-card.left .work-info{grid-area:info}#my-work .work-card.right .work-image{grid-area:image}#my-work .work-card.right .work-info{grid-area:info}#my-work .work-image{width:100%;aspect-ratio:1;border-radius:0;overflow:hidden;position:relative;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);transition:all .6s cubic-bezier(.68,-.55,.265,1.55);box-shadow:20px 20px #6366f14d,-20px -20px #ec48994d}#my-work .work-card.right .work-image{clip-path:polygon(0 0,100% 5%,100% 100%,0 95%)}#my-work .work-image:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f166,#ec489966);opacity:0;transition:opacity .6s;z-index:1;mix-blend-mode:overlay}#my-work .work-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease;filter:grayscale(20%) contrast(110%)}#my-work .work-card:hover .work-image{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1.05) rotate(2deg);box-shadow:40px 40px #6366f180,-40px -40px #ec489980}#my-work .work-card:hover .work-image:before{opacity:1}#my-work .work-card:hover .work-image img{transform:scale(1.15);filter:grayscale(0%) contrast(120%)}#my-work .work-info{text-align:left;position:relative}#my-work .work-info h3{font-size:clamp(3rem,6vw,5rem);color:transparent;margin-bottom:3rem;font-family:var(--font-primary);font-weight:700;-webkit-text-stroke:2px var(--color-primary);text-stroke:2px var(--color-primary);text-transform:uppercase;letter-spacing:.05em;line-height:1;transform:skewY(-3deg);transition:all .5s ease}#my-work .work-card:hover .work-info h3{transform:skewY(0) translate(20px);-webkit-text-stroke:2px var(--color-secondary);text-shadow:0 0 30px rgba(236,72,153,.8)}#my-work .work-button{display:inline-block;padding:1.5rem 4rem;background:transparent;color:var(--color-primary);text-decoration:none;border:3px solid var(--color-primary);border-radius:0;font-size:1.3rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;position:relative;overflow:hidden;transition:all .5s ease;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%)}#my-work .work-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);transition:left .5s ease}#my-work .work-button:hover{color:var(--color-dark);background:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-5px) scale(1.1);box-shadow:0 0 30px #ec4899cc,10px 10px #6366f180}#my-work .work-button:hover:before{left:100%}#contact{background:transparent;position:relative;z-index:1}.contact-wrapper{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-3xl);max-width:1000px;margin:0 auto}.contact-info h3{font-size:2rem;margin-bottom:var(--spacing-md)}.contact-info p{margin-bottom:var(--spacing-xl)}.social-links{display:flex;gap:var(--spacing-md)}.social-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#6366f11a;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-primary);font-size:1.25rem;transition:all .3s ease}.social-icon:hover{background:#6366f133;border-color:var(--color-primary);box-shadow:0 0 20px #6366f166}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);background:#1e293b80;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-secondary);font-size:1rem;transition:all var(--transition-base)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#1e293bb3;box-shadow:0 0 20px #6366f14d}.form-group textarea{resize:vertical;min-height:150px}.footer{background:transparent;border-top:1px solid var(--color-border);padding:var(--spacing-xl) 0;text-align:center}.footer p{color:var(--color-text-muted);font-size:.9375rem}@media(max-width:1024px){.hero-wrapper{grid-template-columns:1fr;gap:var(--spacing-2xl)}.hero-right{max-width:600px;margin:0 auto}.about-grid,.contact-wrapper{grid-template-columns:1fr}.primary-skills{grid-template-columns:repeat(2,1fr)}#my-work .work-card,#my-work .work-card.left,#my-work .work-card.right{display:flex;flex-direction:column;gap:3rem}#my-work .work-image,#my-work .work-card.left .work-image,#my-work .work-card.right .work-image{width:100%;order:0}#my-work .work-info,#my-work .work-card.left .work-info,#my-work .work-card.right .work-info{width:100%;order:1;text-align:center}#my-work .work-image{box-shadow:10px 10px #6366f14d,-10px -10px #ec48994d}#my-work .work-card:hover .work-image{box-shadow:20px 20px #6366f180,-20px -20px #ec489980}}@media(max-width:768px){.primary-skills{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.stats-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:repeat(2,1fr)}.hero-cta{flex-direction:column}#hero{padding:var(--spacing-xl) var(--spacing-md);padding-top:80px}#my-work{padding:4rem 0}#my-work .work-card{margin-bottom:4rem}#my-work .work-image{clip-path:polygon(0 2%,100% 0,100% 98%,0 100%);box-shadow:8px 8px #6366f14d,-8px -8px #ec48994d}#my-work .work-card:hover .work-image{transform:scale(1.02) rotate(1deg);box-shadow:12px 12px #6366f180,-12px -12px #ec489980}#my-work .work-info h3{font-size:2.5rem;margin-bottom:1.5rem;transform:skewY(0)}#my-work .work-button{padding:1rem 2.5rem;font-size:1rem;letter-spacing:.1em;min-height:44px;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%)}.skill-card{padding:var(--spacing-lg)}.skill-icon{width:70px;height:70px;font-size:2rem}.skill-card h3{font-size:1.4rem}}@media(max-width:480px){.hero-title{font-size:3rem}.hero-quote{padding:var(--spacing-md);font-size:1rem}.skills-grid{grid-template-columns:1fr}#my-work .work-info h3{font-size:2rem}#my-work .work-button{padding:.8rem 2rem;font-size:.9rem}.stat-number{font-size:2rem}.contact-info h3{font-size:1.5rem}}#about .section-title,#tech-stack .section-title,#my-work .section-title,#contact .section-title{text-align:center!important;margin-left:auto!important;margin-right:auto!important;left:0!important;right:0!important;transform:translateY(40px)!important;position:relative!important;display:block!important;width:100%!important}#about .section-title.animated,#tech-stack .section-title.animated,#my-work .section-title.animated,#contact .section-title.animated{transform:translateY(0)!important}.section-title span{display:inline-block;opacity:0}