*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{color:#fff;background:#050008;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--bg-primary:#050505;--purple-dark:#31004b;--purple-light:#65009b;--gray-light:#e2e2e2;--white-light:#fdfdfd;--border-purple:#65009b99;--glass-purple:#31004b59;--glow-purple:#65009b4d}main{width:100%;max-width:1920px;margin:0 auto}main>section{width:100%;max-width:100vw;min-height:auto;padding:clamp(68px,6vw,96px) clamp(20px,5vw,72px)}.header{z-index:50;background:0 0;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:100vw;height:80px;padding:24px clamp(20px,5vw,100px);display:flex;position:fixed;top:0;left:0}.navbar{background:var(--glass-purple);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 20px var(--glow-purple), inset 22px 20px 18px #ffffff0a;border-radius:228px;justify-content:center;align-items:center;gap:24px;padding:16px clamp(28px,6vw,112px);display:flex;position:relative;overflow:hidden}.navbar:before{content:"";opacity:.4;border-radius:inherit;background:radial-gradient(circle at 8% 7%, var(--white-light), transparent 18%), radial-gradient(circle at 24% 7%, var(--white-light), transparent 18%), radial-gradient(circle at 70% 95%, var(--white-light), transparent 18%), radial-gradient(circle at 90% 95%, var(--white-light), transparent 18%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.logo{background:var(--glass-purple);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 20px var(--glow-purple), inset 0 0 18px #ffffff0a;border-radius:228px;flex:none;padding:4px 32px;font-size:16px;font-weight:700;position:relative;overflow:hidden}.logo:before{content:"";border-radius:inherit;opacity:.4;background:radial-gradient(circle at 8% 7%, var(--white-light), transparent 18%), radial-gradient(circle at 24% 7%, var(--white-light), transparent 18%), radial-gradient(circle at 70% 95%, var(--white-light), transparent 18%), radial-gradient(circle at 90% 95%, var(--white-light), transparent 18%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.contact-button{border:1px solid var(--border-purple);background:var(--purple-dark);border-radius:228px;flex:none;padding:16px 32px}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 80% 50%, #65009b40, transparent 35%), radial-gradient(circle at 20% 90%, #65009b2e, transparent 30%), var(--bg-primary);justify-content:space-between;align-items:center;gap:clamp(36px,5vw,80px);min-height:100svh;padding-top:clamp(104px,9vw,132px);display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;width:min(100%,640px);position:relative}.hero-content h1{color:var(--white-light);margin-bottom:14px;font-size:clamp(40px,5vw,56px);font-weight:800;line-height:1}.hero-content h2{max-width:620px;color:var(--white-light);margin-bottom:24px;font-size:clamp(24px,3vw,32px);font-weight:700;line-height:1.15}.hero-content p{max-width:620px;color:var(--gray-light);font-size:16px;line-height:1.5}.hero-image{justify-content:center;align-self:flex-end;align-items:flex-end;width:min(46vw,620px);min-width:360px;height:calc(100vh - 120px);display:flex;position:relative}.hero-image:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--purple-light) 0%, var(--purple-dark) 58%, #16001f 100%);z-index:0;border-radius:50%;width:min(88%,540px);height:auto;position:absolute;bottom:120px;right:10px;box-shadow:0 0 100px #65009b73,inset 0 0 45px #ffffff14}.hero-image:after{content:"";aspect-ratio:1;z-index:1;border:1px solid #fdfdfd59;border-radius:50%;width:min(88%,540px);height:auto;position:absolute;bottom:120px;right:10px;box-shadow:0 0 45px #65009b73,0 0 90px #65009b40}.hero-image img{z-index:2;object-fit:contain;filter:drop-shadow(0 0 35px #65009b4d);width:min(86%,520px);height:min(72vh,720px);position:relative}.hero-actions{align-items:center;gap:16px;margin-top:56px;display:flex}.resume-button{background:var(--purple-light);color:var(--white-light);border-radius:999px;padding:10px 24px;font-size:14px;font-weight:700;transition:transform .3s,box-shadow .3s}.resume-button:hover{box-shadow:0 0 20px var(--glow-purple);transform:scale(1.25)}.social-link{justify-content:center;align-items:center;transition:transform .3s,filter .3s;display:flex}.social-link img{width:32px;height:32px}.social-link:hover{filter:drop-shadow(0 0 12px var(--glow-purple));transform:scale(1.3)}.navbar a.active{color:var(--white-light);text-shadow:0 0 12px var(--glow-purple);font-weight:800}.about{background:var(--bg-primary);justify-content:center;align-items:center;gap:clamp(40px,7vw,90px);min-height:auto;padding:clamp(60px,6vw,84px) clamp(20px,5vw,72px);display:flex}.about-image{flex:0 440px}.about-image img{object-fit:cover;object-position:center;width:100%;height:100%}.about-content{text-align:left;width:min(100%,620px)}.about-content h2{color:var(--white-light);margin-bottom:10px;font-size:clamp(34px,4vw,44px);font-weight:800;line-height:1}.about-content h3{max-width:560px;color:var(--white-light);margin-bottom:32px;font-size:clamp(23px,3vw,30px);font-weight:700;line-height:1.15}.about-content p{max-width:620px;color:var(--gray-light);margin-bottom:18px;font-size:16px;line-height:1.5}.projects{background:linear-gradient(#050008b8,#050008b8),url(/assets/background--u725n77.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex}.projects h2{color:var(--white-light);margin-bottom:clamp(34px,4vw,52px);font-size:clamp(34px,4vw,44px);font-weight:800}.project-list{grid-template-columns:repeat(3,minmax(0,340px));justify-content:center;align-items:center;gap:clamp(28px,5vw,96px);width:100%;max-width:1500px;display:grid}.project-card{cursor:pointer;border-radius:14px;width:100%;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 0 40px #65009b40,inset 0 0 18px #ffffff08}.project-card:hover{transform:scale(1.06);box-shadow:0 0 60px #65009b73,inset 0 0 20px #ffffff0d}.project-card img{object-fit:cover;width:100%;height:220px}.project-content{background:#a3a3a711;padding:24px}.project-content h3{color:var(--white-light);margin-bottom:24px;font-size:22px;font-weight:800}.project-content p{color:var(--gray-light);font-size:14px;line-height:1.4}.skills{background:radial-gradient(circle at 50% 50%, #65009b61, transparent 34%), radial-gradient(circle at 20% 80%, #65009b2e, transparent 28%), var(--bg-primary);flex-direction:column;justify-content:center;gap:clamp(40px,5vw,58px);display:flex;position:relative;overflow:hidden}.skills:before{content:"";filter:blur(90px);opacity:.9;pointer-events:none;background:#65009b18;position:absolute;inset:18% 8%}.skills h2{z-index:1;color:var(--white-light);text-align:center;font-size:clamp(34px,4vw,44px);font-weight:800;position:relative}.skills-carousel{z-index:1;width:100%;padding:36px 0;position:relative;overflow:hidden}.skill-track{align-items:center;gap:clamp(32px,5vw,72px);width:max-content;animation:16s linear infinite skills-scroll;display:flex}.skill-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:96px;height:96px;padding:0;transition:transform .3s,filter .3s;display:flex}.skill-button:hover,.skill-button.active{filter:drop-shadow(0 0 26px #ffffff98);transform:translateY(-8px)scale(1.08)}.skill-track img{object-fit:contain;filter:drop-shadow(0 0 18px #65009ba6);width:88px;height:88px}.skills-carousel:hover .skill-track{animation-play-state:paused}.skill-description{z-index:1;-webkit-backdrop-filter:blur(10px);text-align:center;background:#31004b52;border:.5px solid #8785851f;border-radius:96px;width:min(720px,100%);margin:0 auto;padding:28px 32px;position:relative;box-shadow:0 0 42px #65009b40,inset 0 0 22px #ffffff0a}.skill-description h3{color:var(--white-light);margin-bottom:12px;font-size:26px;font-weight:800}.skill-description p{color:var(--gray-light);font-size:16px;line-height:1.5}@keyframes skills-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - 36px))}}@media (width<=1180px){.header{gap:14px;height:auto;padding-top:18px}.navbar{flex:auto;gap:16px;min-width:0;padding:14px clamp(20px,3vw,32px);font-size:15px}.contact-button{padding:14px 24px}.hero{align-items:flex-end}.hero-image{min-width:320px;height:680px}.hero-image:before,.hero-image:after{bottom:96px;right:0}.about{align-items:flex-start}.about-image{flex-basis:360px}}@media (width<=1024px){main{transition:padding-top .25s}body.menu-open main{padding-top:178px}.header{-webkit-backdrop-filter:blur(14px);background:#050008d1;flex-wrap:nowrap;height:auto;padding:14px clamp(14px,3vw,24px)}.menu-toggle{border:1px solid var(--border-purple);background:var(--glass-purple);cursor:pointer;width:38px;height:38px;box-shadow:0 0 18px var(--glow-purple);border-radius:50%;flex-direction:column;flex:0 0 38px;justify-content:center;align-items:center;gap:5px;display:inline-flex}.menu-toggle span{background:var(--white-light);border-radius:999px;width:16px;height:2px;transition:transform .3s,opacity .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar{white-space:normal;z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#14001ef5;border-radius:16px;flex-direction:column;flex:none;justify-content:flex-start;align-items:stretch;gap:4px;width:min(210px,100vw - 28px);padding:10px;font-size:14px;transition:opacity .25s,visibility .25s,transform .25s;position:absolute;top:calc(100% + 8px);left:auto;right:clamp(14px,3vw,24px);overflow:hidden;transform:translateY(-8px)}.navbar.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.navbar a{border-radius:10px;padding:9px 10px}.navbar a.active{background:#65009b42}.contact-button{margin-left:auto;padding:12px 20px;font-size:14px}}@media (width<=980px){.header{-webkit-backdrop-filter:blur(14px);background:#050008d1;flex-wrap:nowrap;padding:14px clamp(14px,3vw,24px);position:fixed}.navbar{font-size:15px}.navbar::-webkit-scrollbar{display:none}.logo{padding:4px 22px;font-size:15px}.contact-button{padding:12px 20px;font-size:14px}.hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;padding-top:108px;padding-bottom:0}.hero-content,.hero-content p{margin:0 auto}.hero-actions{justify-content:center;margin-top:30px}.hero-image{align-self:center;width:min(100%,520px);min-width:0;height:min(42vh,420px);margin-top:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-image:before,.hero-image:after{width:min(76vw,400px);bottom:5%;left:50%;right:auto;transform:translate(-50%)}.hero-image img{width:min(72%,340px);height:100%}.about{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px;display:grid}.about-content{text-align:center;display:contents}.about-content h2{order:1}.about-content h3{order:2;margin-bottom:0}.about-content h3,.about-content p{margin-left:auto;margin-right:auto}.about-content p{text-align:left;order:4;width:min(100%,620px)}.about-image{flex-basis:auto;order:3;width:min(100%,420px)}.project-list{grid-template-columns:repeat(2,minmax(0,340px))}.skills{gap:54px}.skill-button{width:82px;height:82px}.skill-track img{width:74px;height:74px}}@media (width<=640px){body.menu-open main{padding-top:158px}main>section{padding:56px 20px}.header{justify-content:space-between;align-items:center;gap:10px;width:100vw;padding:10px 12px;display:flex;overflow:visible}.logo{padding:4px 12px;font-size:12px}.contact-button{z-index:auto;padding:9px 12px;font-size:12px;position:static}.navbar{width:min(180px,100vw - 24px);font-size:13px;right:12px}.menu-toggle{flex-basis:36px;width:36px;height:36px}.hero-content p{overflow-wrap:anywhere}.hero{gap:28px;min-height:100svh;padding-top:96px;padding-bottom:0}.hero-content{width:min(100%,340px);min-width:0;max-width:calc(100vw - 40px)}.hero-content h1{font-size:36px}.hero-content h2{font-size:21px}.hero-content h1{margin-bottom:12px}.hero-content h2{margin-bottom:18px}.hero-content p br{display:none}.hero-actions{flex-wrap:wrap;margin-top:22px}.hero-image{align-self:center;width:min(100%,390px);height:min(38vh,340px);margin-top:0}.hero-image:before,.hero-image:after{width:min(68vw,280px);bottom:24px}.hero-image img{width:min(64vw,260px);height:100%}.about{gap:24px;padding-top:68px}.about-content h3{margin-bottom:0}.about-content p{text-align:center}.projects h2{margin-bottom:38px}.project-list{grid-template-columns:minmax(0,360px)}.project-card img{height:190px}.project-content{padding:20px}.skills{gap:36px}.skills-carousel{padding:30px 0}.skill-description{border-radius:24px;padding:24px 20px}.skill-description h3{font-size:22px}.contact-form{border-radius:16px;padding:28px 20px}}.contact{background:radial-gradient(circle at 35% 35%, #65009b47, transparent 32%), radial-gradient(circle at 75% 75%, #65009b2e, transparent 30%), var(--bg-primary);justify-content:center;align-items:center;display:flex}.contact-form{-webkit-backdrop-filter:blur(12px);background:#31004b47;border:1px solid #fdfdfd1f;border-radius:18px;width:min(680px,100%);padding:42px;box-shadow:0 0 46px #65009b3d,inset 0 0 24px #ffffff0a}.contact-form h2{color:var(--white-light);text-align:center;margin-bottom:32px;font-size:clamp(34px,4vw,44px);font-weight:800}.form-group{margin-bottom:22px}.form-group label{color:var(--white-light);margin-bottom:8px;font-size:15px;font-weight:700;display:block}.form-group input,.form-group textarea{width:100%;color:var(--white-light);font:inherit;background:#0500086b;border:1px solid #fdfdfd24;border-radius:12px;outline:none;padding:15px 18px;transition:border-color .3s,box-shadow .3s,background .3s}.form-group textarea{resize:vertical;min-height:150px}.form-group input::placeholder,.form-group textarea::placeholder{color:#e2e2e294}.form-group input:focus,.form-group textarea:focus{background:#05000894;border-color:#fdfdfd61;box-shadow:0 0 24px #65009b42}.contact-form button{background:var(--purple-light);width:100%;color:var(--white-light);cursor:pointer;border:0;border-radius:999px;padding:15px 24px;font-size:15px;font-weight:800;transition:transform .3s,box-shadow .3s,opacity .3s}.contact-form button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 26px #65009b73}.contact-form button:disabled{cursor:not-allowed;opacity:.65}.contact-feedback{text-align:center;min-height:24px;margin-top:18px;font-size:14px;line-height:1.4}.contact-feedback.success{color:#a7f3d0}.contact-feedback.error{color:#fecaca}@media (width<=640px){.contact-form{border-radius:16px;padding:28px 20px}}.footer{background:radial-gradient(at 50% 10%,#09000d27,#0000 90%),radial-gradient(at 50% 10%,#10012079,#0000 90%),#050008;flex-direction:column;justify-content:space-between;min-height:155px;padding:38px 56px 10px;display:flex;position:relative;overflow:visible}.footer-content{z-index:1;justify-content:space-between;align-items:center;gap:32px;width:100%;max-width:1480px;margin:0 auto;display:flex;position:relative}.footer-info h3{color:var(--white-light);font-size:16px;line-height:.92}.footer-info p{color:#e2e2e2b8;margin-top:8px;font-size:10px;font-style:italic}.footer-social{align-items:center;gap:16px;display:flex}.footer-social a{background:0 0;border:0;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .3s,filter .3s;display:flex}.footer-social a:hover{filter:drop-shadow(0 0 14px #65009bd9);transform:translateY(-3px)scale(1.08)}.footer-social img{width:32px;height:32px}.footer-bottom{z-index:1;text-align:center;background:#31004b;width:calc(100% + 112px);max-width:none;margin:0 -56px -10px;padding:8px 16px;position:relative}.footer-bottom p{color:#fdfdfdd1;font-size:11px}@media (width<=900px){.footer{padding:28px 28px 14px}.footer-content{align-items:flex-start}.footer-bottom{width:calc(100% + 56px);margin:0 -28px -14px}}@media (width<=520px){.footer{padding-top:26px}.footer-content{text-align:center;flex-direction:column;align-items:center;gap:18px}.footer-bottom{margin:24px -28px -14px}}