.layout{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1e2e,#2d2d44)}.layout-bg{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3}.blob-1{width:500px;height:500px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:10%}.blob-2{width:400px;height:400px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:10%;right:10%}.blob-3{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;right:20%}.content{flex:1;width:100%;position:relative;z-index:1}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:0 20px}.home-content{position:relative;z-index:1;text-align:center;max-width:1000px}.home-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:700;color:#fff;line-height:1.2;margin:0 0 30px;text-transform:uppercase;letter-spacing:-2px}.home-title .highlight{display:block;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.home-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:#fffc;margin:0 0 50px;line-height:1.6}.home-links{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.home-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative;padding-bottom:5px}.home-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.home-link:hover:after{width:100%}.home-link:hover{transform:translate(5px)}@media(max-width:768px){.home{min-height:calc(100vh - 80px)}.home-title{font-size:2rem;letter-spacing:-1px}.home-subtitle{font-size:1rem}.home-links{flex-direction:column;gap:20px}.blob-1,.blob-2,.blob-3{width:300px;height:300px}}@media(max-width:480px){.home-title{font-size:1.5rem}.blob{filter:blur(60px)}}.projects-container{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background-color:#2d3142;color:#fff;gap:0}.img-section{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e1e2e,#2d2d44);padding:3rem;position:relative;overflow:hidden}.img-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);filter:blur(80px);opacity:.3;top:10%;left:10%;animation:blob1 20s ease-in-out infinite}.img-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:linear-gradient(135deg,#4facfe,#00f2fe);filter:blur(80px);opacity:.3;bottom:10%;right:10%;animation:blob2 15s ease-in-out infinite}.project-image{max-width:90%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #0006;transition:all .3s ease;position:relative;z-index:1}.projects-list{padding:4rem 3rem;display:flex;flex-direction:column;gap:0}.projects-title{font-size:2.5rem;font-weight:300;letter-spacing:.3em;margin-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1rem}.project-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s ease}.project-item:hover{padding-left:1rem;border-bottom-color:#fff6}.project-name{font-size:1.4rem;font-weight:300;letter-spacing:.05em;transition:all .3s ease}.project-name:link,.project-name:visited,.project-name:hover,.project-name:active{text-decoration:none;color:inherit}.project-item:hover .project-name{color:#fff;font-weight:400}.project-type{font-size:.9rem;color:#fff9;text-align:right;font-weight:300}.proj-links{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.proj-link{color:#fff;text-decoration:none;font-size:1.1rem;font-weight:500;transition:all .3s ease;position:relative;padding-bottom:5px;margin-top:3rem;display:inline-block}.proj-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.proj-link:hover:after{width:100%}.proj-link:hover{transform:translate(5px)}@media(max-width:968px){.projects-container{grid-template-columns:1fr}.img-section{min-height:50vh}.projects-list{padding:2rem 1.5rem}.projects-title{font-size:2rem}}@keyframes blob1{0%,to{transform:translate(0)}50%{transform:translate(100px,-100px)}}@keyframes blob2{0%,to{transform:translate(0)}50%{transform:translate(-100px,100px)}}.project-detail{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh;color:#fff;background:linear-gradient(135deg,#1e1e2e,#2d2d44);position:relative;overflow:hidden}.project-detail:before,.project-detail:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0}.project-detail:before{width:520px;height:520px;background:linear-gradient(135deg,#667eea,#764ba2);top:8%;left:5%;animation:detailBlob1 22s ease-in-out infinite}.project-detail:after{width:420px;height:420px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:5%;right:8%;animation:detailBlob2 18s ease-in-out infinite}.project-hero{display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;z-index:1}.project-image-wrap{width:100%;max-width:900px;background:#ffffff14;border-radius:24px;padding:2.5rem;box-shadow:0 30px 80px #0006}.project-detail-image{width:100%;height:auto;display:block;border-radius:16px;object-fit:cover}.project-info{padding:4rem 3.5rem;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.project-title{font-size:2.8rem;font-weight:300;letter-spacing:.15em}.project-divider{height:1px;background:#fff3;margin-bottom:1rem}.project-meta{display:grid;grid-template-columns:140px 1fr;gap:1rem 2rem;align-items:center}.project-meta-label{color:#7be5c8;font-weight:600;letter-spacing:.08em;font-size:.9rem}.project-meta-value{color:#ffffffd9;font-size:1rem}.project-description{color:#ffffffd9;line-height:1.7;font-size:1rem}.project-github{color:#fff;text-decoration:none;font-weight:500;position:relative;width:fit-content;padding-bottom:4px}.project-github:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.project-github:hover:after{width:100%}.project-back{color:#fff;text-decoration:none;font-weight:500;margin-top:1.5rem;width:fit-content;transition:transform .3s ease}.project-back:hover{transform:translate(6px)}@keyframes detailBlob1{0%,to{transform:translate(0)}50%{transform:translate(120px,-80px)}}@keyframes detailBlob2{0%,to{transform:translate(0)}50%{transform:translate(-110px,90px)}}@media(max-width:1024px){.project-detail{grid-template-columns:1fr}.project-info{padding:2.5rem}.project-title{font-size:2.2rem}}.about{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;color:#fff;background:linear-gradient(135deg,#1e1e2e,#2d2d44);position:relative;overflow:hidden}.about:before,.about:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0}.about:before{width:520px;height:520px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:8%;animation:aboutBlob1 20s ease-in-out infinite}.about:after{width:420px;height:420px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:10%;right:10%;animation:aboutBlob2 16s ease-in-out infinite}.about-content{padding:5rem 4rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;position:relative;z-index:1}.about-title{font-size:3.5rem;font-weight:300;letter-spacing:.2em;margin-bottom:.5rem}.about-divider{height:1px;background:#ffffff4d;width:100%;margin-bottom:1.5rem}.about-text{font-size:1.05rem;line-height:1.8;color:#ffffffe6;margin-bottom:.8rem}.about-text strong{font-weight:600;color:#fff}.cv-download{display:inline-block;color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;margin-top:1.5rem;padding:.9rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.cv-download:hover{transform:translateY(-3px);box-shadow:0 6px 20px #667eea99}.about-link{color:#fff;text-decoration:none;font-weight:500;font-size:1.05rem;margin-top:2rem;width:fit-content;transition:transform .3s ease}.about-link:hover{transform:translate(-8px)}.about-image-section{display:flex;align-items:center;justify-content:center;padding:3rem;position:relative;z-index:1}.about-image-wrap{width:100%;max-width:500px;border-radius:50%;overflow:hidden;box-shadow:0 30px 80px #00000080;border:4px solid rgba(255,255,255,.1)}.about-image{width:100%;height:100%;object-fit:cover;display:block}@keyframes aboutBlob1{0%,to{transform:translate(0)}50%{transform:translate(100px,-100px)}}@keyframes aboutBlob2{0%,to{transform:translate(0)}50%{transform:translate(-100px,100px)}}@media(max-width:1024px){.about{grid-template-columns:1fr}.about-content{padding:3rem 2rem;order:2}.about-image-section{order:1;padding:3rem 2rem 2rem}.about-title{font-size:2.8rem}.about-image-wrap{max-width:400px}}@media(max-width:640px){.about-content{padding:2rem 1.5rem}.about-title{font-size:2.2rem}.about-text{font-size:1rem}.about-image-wrap{max-width:300px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}#root{width:100%;height:100%}