.sketch-viewport{width:100%;max-width:640px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-sizing:border-box}.sketch-viewport__canvas{width:100%;height:100%;max-width:100%;display:block;background:#000;object-fit:cover}.sketch-viewport__placeholder{color:#fff9;text-align:center;margin:0}@media (min-width: 1024px){.sketch-viewport{width:640px}}@media (max-width: 768px){.sketch-viewport{width:100%;max-width:100%;height:100%}.sketch-viewport__canvas{width:100%!important;height:100%!important;max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden;max-width:100vw}.app{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:#f5f5f5;background:#0a0a0a;width:100%;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box;overflow-x:hidden}.hero{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at top right,#1a1a2e,#0a0a0a 60%);padding:2rem 0;width:100%;overflow-x:hidden}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:0 1.5rem;width:100%;overflow-x:hidden}.hero__title{font-size:clamp(3rem,6vw,5rem);font-weight:700;background:linear-gradient(135deg,#64b5f6,#42a5f5,#1e88e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;line-height:1.1}.hero__subtitle{font-size:1.25rem;color:#fffc;margin-bottom:2rem;max-width:500px}.hero__buttons{display:flex;gap:.5rem;flex-wrap:nowrap;justify-content:flex-start;width:100%}.hero__buttons .btn{flex:1 1 auto;display:flex;align-items:center;justify-content:center;white-space:nowrap;font-size:.9rem;padding:.65rem .8rem;margin-bottom:.5rem;min-width:0;text-align:center}.hero__visual{height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box;margin:0 auto}.hero__visual canvas{width:100%!important;height:100%!important;object-fit:cover;max-width:100%}.btn{display:inline-block;padding:.75rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn--primary{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #1e88e54d}.btn--secondary{background:transparent;color:#64b5f6;border:2px solid #64b5f6}.btn--secondary:hover{background:#64b5f6;color:#0a0a0a}.btn--large{padding:1rem 2.5rem;font-size:1.1rem}section{padding:5rem 0}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#64b5f6,#42a5f5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{text-align:center;font-size:1.1rem;color:#ffffffb3;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.features{background:linear-gradient(180deg,#0a0a0a,#111)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature{background:#ffffff0d;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,border-color .3s ease}.feature:hover{transform:translateY(-5px);border-color:#64b5f64d}.feature__icon{font-size:2.5rem;margin-bottom:1rem}.feature h3{color:#64b5f6;margin-bottom:1rem;font-size:1.25rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;width:100%}.feature h4{color:#64b5f6;margin-bottom:.75rem;font-size:1.1rem}.services{background:#0a0a0a}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.service{background:linear-gradient(135deg,#1e88e51a,#64b5f60d);padding:2.5rem;border-radius:12px;border:1px solid rgba(30,136,229,.2);transition:transform .3s ease,box-shadow .3s ease}.service:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1e88e51a}.service h3{color:#64b5f6;margin-bottom:1rem;font-size:1.3rem}.about{background:linear-gradient(180deg,#111,#0a0a0a);padding:4rem 0}.about .container{padding:0 1rem}.about__content{max-width:1150px;margin:0 auto;text-align:center;overflow-x:hidden}.about__text h2{font-size:2.5rem;background:linear-gradient(135deg,#64b5f6,#42a5f5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2rem}.about__text p{font-size:1.1rem;color:#fffc;margin-bottom:1.5rem}.features-secondary-row{margin-top:2rem;width:100%}.features-grid.features-grid--four{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1.5rem;width:100%}.feature.secondary{background:linear-gradient(180deg,#64b5f60d,#1e88e505);padding:1.5rem;border-radius:10px;border:1px solid rgba(100,181,246,.12);color:#ffffffeb;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 6px 18px #04081099;margin:2%}.feature.secondary h4{color:#a9e1ff;margin-bottom:.5rem;font-size:1.05rem}.feature.secondary p{color:#ffffffc7;font-size:.98rem;line-height:1.45}.feature.secondary:hover{transform:translateY(-6px) scale(1.01);border-color:#a4dfff80;box-shadow:0 18px 40px #1e88e51f}@media (min-width: 992px){.features-grid.features-grid--four{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.features-grid.features-grid--four{grid-template-columns:1fr}}.about__links{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.social-link{color:#64b5f6;text-decoration:none;font-weight:600;transition:color .3s ease}.social-link:hover{color:#42a5f5}.cta{background:linear-gradient(135deg,#1e1e1e,#0a0a0a);text-align:center;padding:5rem 0}.cta h2{font-size:2.5rem;margin-bottom:1rem}.cta p{font-size:1.2rem;color:#fffc;margin-bottom:2rem}.footer{background:#050505;padding:2rem 0;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer p{color:#fff9}@media (max-width: 768px){.hero{padding:1rem 0}.hero__content{grid-template-columns:1fr;gap:2rem;text-align:center;padding:0 1rem;width:100%;max-width:100%;overflow-x:hidden}.hero__subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero__visual,.about__text .hero__visual{height:350px;padding:0;width:100%;max-width:100%;margin:0 auto;overflow:hidden}.hero__buttons{flex-wrap:nowrap;justify-content:center;gap:.25rem;width:100%}.hero__buttons .btn{font-size:.7rem;padding:.5rem;margin:0;flex:1;text-align:center}.hero__buttons{justify-content:center}.features__grid,.services__grid{grid-template-columns:1fr}.about__links{flex-direction:column;align-items:center;gap:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.container{padding:0 1rem;overflow-x:hidden;width:100%}.about__content,.about__text{width:100%;overflow-x:hidden;padding:0}}@media (max-width: 400px){.hero__buttons .btn{font-size:.65rem;padding:.5rem .3rem;border-radius:25px}}html{scroll-behavior:smooth}.creator-header{background:linear-gradient(135deg,#1a1a2e,#0a0a0a);padding:2rem 0;border-bottom:1px solid #333}.back-link{color:#64b5f6;text-decoration:none;font-size:.9rem;margin-bottom:1rem;display:inline-block;transition:color .3s ease}.back-link:hover{color:#42a5f5}.creator-header h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;background:linear-gradient(135deg,#64b5f6,#42a5f5,#1e88e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.tagline{font-size:1.2rem;color:#b0b0b0;margin-bottom:0}.creator-about{padding:4rem 0}.experience{padding:4rem 0;background:#111}.experience__grid{display:grid;gap:3rem;margin-top:2rem}.experience__item{background:#ffffff08;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.experience__item h3{color:#64b5f6;font-size:1.4rem;margin-bottom:.5rem}.experience__company{color:#b0b0b0;margin-bottom:1rem;font-style:italic}.experience__item ul{list-style:none;padding-left:0}.experience__item li{position:relative;padding-left:1.5rem;margin-bottom:.8rem;color:#e0e0e0}.experience__item li:before{content:"▸";position:absolute;left:0;color:#64b5f6}.skills{padding:4rem 0}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.skill-category{background:#ffffff08;padding:2rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.skill-category h3{color:#64b5f6;margin-bottom:1rem}.skill-category ul{list-style:none;padding-left:0}.skill-category li{padding:.3rem 0;color:#e0e0e0}.cv-download{padding:4rem 0;background:#111;text-align:center}.cv-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.contact{padding:4rem 0;text-align:center}.contact__links{display:flex;gap:2rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}.creator-link{color:#64b5f6;text-decoration:none;transition:color .3s ease}.creator-link:hover{color:#42a5f5}@media (max-width: 768px){.creator-header{text-align:center}.skills__grid{grid-template-columns:1fr}.cv-buttons{flex-direction:column;align-items:center}.contact__links{flex-direction:column;align-items:center;gap:1rem}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#050505}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}