:root{--ink:#111;--pu:#a65be5;--pi:#ec5e9c;--or:#ff9a39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:60px 7vw;background:linear-gradient(140deg,#aa80bd,#a477b8 47%,#d8a07d);font-family:'DM Sans',sans-serif;color:var(--ink)}.shell{overflow:hidden;border-radius:17px;background:#f9f9f8;box-shadow:0 22px 65px #4c314840}header{height:88px;padding:0 9%;display:flex;align-items:center}.logo{font:800 22px Manrope;text-decoration:none;color:#111}.logo span{color:var(--pi)}nav{display:flex;gap:25px;margin-left:auto}nav a,.top-btn{font-size:14px;font-weight:600;color:#555;text-decoration:none}.top-btn{margin-left:35px;border:1px solid #111;border-radius:24px;padding:10px 16px;color:#111}.hero{min-height:550px;padding:70px 10% 25px;display:grid;grid-template-columns:1.08fr .92fr}.hero h1{font:800 clamp(48px,6.2vw,88px)/.97 Manrope;letter-spacing:-.07em;margin:0}.hero h1 span,h2 span{background:linear-gradient(100deg,var(--pu),var(--pi),var(--or));-webkit-background-clip:text;color:transparent}.hero p{font-size:20px;font-weight:600;max-width:455px;margin:20px 0 35px}.gradient-btn,.outline-btn{display:inline-block;padding:15px 25px;text-decoration:none;font-weight:700;font-size:14px;margin-right:10px}.gradient-btn{color:#fff;background:linear-gradient(100deg,var(--pu),var(--pi),var(--or))}.outline-btn{border:1px solid #222;color:#111}.portrait{position:relative;min-height:420px}.portrait img{position:absolute;z-index:2;right:4%;bottom:0;height:544px;max-width:95%;object-fit:contain;filter:drop-shadow(8px 11px 15px #54384a30)}.squiggle{position:absolute;z-index:1;right:42%;top:28px;color:var(--or);font:110px Georgia;transform:rotate(-25deg)}.code-card{position:absolute;z-index:3;right:0;bottom:28px;background:#292442;color:#fff;padding:18px;border:7px solid #c5a3ab;font:12px monospace}.code-card b{color:#ff9d5a}.tech-badge{position:absolute;z-index:4;right:-10px;bottom:0;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--pu),var(--pi),var(--or));transform:rotate(-15deg)}.tech-badge small{font-size:8px}.brands{display:flex;justify-content:space-between;align-items:center;padding:26px 10%;border-top:1px solid #eee}.brands span,.brands b{font-size:14px;line-height:1.08}.brands span{color:#777}.brands b{font-size:19px}.about{padding:115px 10%;background:#fff;display:grid;grid-template-columns:.3fr 1.25fr .75fr;gap:55px}.blob{width:200px;height:250px;margin:auto;padding:55px 24px;color:#fff;background:linear-gradient(150deg,var(--pu),var(--pi),var(--or));border:3px solid #111;border-radius:47%;transform:rotate(-8deg)}.blob strong{font:800 37px/.8 Manrope;display:block}.blob small{display:block;margin-top:44px;font-weight:bold}label{font-size:11px;color:#777;font-weight:700;letter-spacing:.12em}.about h2,.portfolio h2,.skills h2,.contact h2{font:700 clamp(31px,3.3vw,51px)/1.06 Manrope;letter-spacing:-.055em;margin:17px 0}.about p{color:#555;line-height:1.6}.about a{font-weight:bold;color:#111}.about aside b{display:block;font:700 30px Manrope;margin:20px 0}.about aside small{display:block;color:#777;font:12px 'DM Sans'}.portfolio{padding:105px 10%;background:#f2eeef}.portfolio h2{margin-bottom:38px}.portfolio>div{border-top:1px solid #bbb}.portfolio>div a{display:grid;grid-template-columns:65px 1fr 160px 25px;padding:24px 0;align-items:center;border-bottom:1px solid #bbb;color:#111;text-decoration:none}.portfolio strong{font-size:24px}.portfolio em,.portfolio small{font-style:normal;color:#777;font-size:13px}.skills{padding:85px 10%;display:grid;grid-template-columns:1fr;gap:9%}.skills p{font-size:19px;line-height:1.8;color:#555}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:100px 10%;color:#fff;background:linear-gradient(120deg,var(--pu),var(--pi),var(--or))}.contact label{color:#fff}.contact h2 span{color:#fff;background:none}.contact>div>a{display:inline-block;color:#fff;text-decoration:none;font-weight:bold;margin-top:25px;border-bottom:1px solid #fff;padding-bottom:6px}form{display:grid;gap:18px}input,textarea{border:0;border-bottom:1px solid #ffffffaa;background:transparent;color:white;padding:13px 0;font:15px 'DM Sans';outline:0}input::placeholder,textarea::placeholder{color:#fff}textarea{height:80px;resize:vertical}button{border:0;background:#111;color:#fff;padding:15px;text-align:left;font-weight:bold;cursor:pointer}footer{padding:25px 10%;display:flex;justify-content:space-between;font-size:12px;color:#777}footer a:last-child{color:#111;text-decoration:none}@media(max-width:760px){body{padding:0}.shell{border-radius:0}header{height:72px;padding:0 7%}nav,.top-btn{display:none}.hero{grid-template-columns:1fr;padding:60px 8% 0}.hero h1{font-size:51px}.hero p{font-size:17px}.portrait{min-height:385px}.portrait img{height:385px}.brands{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:30px 8%}.about{grid-template-columns:1fr;padding:70px 8%;gap:28px}.blob{display:none}.about aside{display:flex;gap:28px}.about aside b{font-size:25px}.portfolio,.skills,.contact{padding:70px 8%}.portfolio>div a{grid-template-columns:35px 1fr 20px}.portfolio em{display:none}.skills,.contact{grid-template-columns:1fr;gap:28px}footer{padding:24px 8%}}
.logo{background:linear-gradient(100deg,#a65be5,#ec5e9c,#ff9a39)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.logo span{color:inherit!important}.about aside{display:grid!important;gap:12px!important;padding-top:22px!important}.about aside b{position:relative!important;margin:0!important;padding:15px 14px 12px!important;border-radius:13px!important;overflow:hidden!important;background:#15131c!important;color:#fff!important;font:800 25px Manrope!important;box-shadow:0 9px 20px #593d5b1c!important}.about aside b:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#a65be5,#ec5e9c,#ff9a39)}.about aside b:nth-child(2){background:linear-gradient(135deg,#3c2461,#862e75)!important}.about aside b:nth-child(3){background:linear-gradient(135deg,#392448,#b95375)!important}.about aside small{margin-top:3px!important;color:#ffeef8!important;font:11px 'DM Sans'!important;letter-spacing:.07em!important;text-transform:uppercase!important}.skills{position:relative!important;overflow:hidden!important;background:#111!important;color:#fff!important;padding:95px 10%!important;border-top:1px solid #25202c!important}.skills:before{content:'';position:absolute;width:480px;height:480px;left:-220px;top:-250px;border-radius:50%;background:radial-gradient(circle,#a65be566,transparent 68%)}.skills label,.skills h2,.skills>p{position:relative!important}.skills label{color:#edc9df!important}.skills h2{font-size:clamp(42px,5vw,70px)!important}.skills>p{margin:36px 0 0!important;max-width:850px!important;padding:28px 32px!important;border:1px solid #ffffff30!important;border-radius:20px!important;background:linear-gradient(120deg,#ffffff15,#ffffff07)!important;color:#fff!important;font-size:20px!important;line-height:2.05!important;word-spacing:7px!important;box-shadow:inset 0 1px #ffffff20!important}.skills h2 span{background:linear-gradient(100deg,#bd76ff,#ff70b2,#ffc05c)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}