:root{
  --bg:#06080f;
  --panel:rgba(22,26,38,.72);
  --panel2:rgba(15,18,28,.84);
  --line:rgba(255,255,255,.09);
  --text:#f5f7ff;
  --muted:#9ca3b4;
  --purple:#9b4dff;
  --blue:#2fa8ff;
  --pink:#ff2fd6;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at 50% 0%,#10172a 0%,var(--bg) 42%,#030408 100%);color:var(--text)}
body{display:grid;place-items:center;padding:18px}
a{color:inherit;text-decoration:none}
.phone{width:min(100%,430px);min-height:900px;position:relative;overflow:hidden;border-radius:44px;padding:28px 26px 30px;background:linear-gradient(180deg,rgba(12,15,25,.96),rgba(3,5,10,.98));box-shadow:0 30px 90px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.05)}
.bg-orb{position:absolute;border-radius:999px;filter:blur(46px);opacity:.28;pointer-events:none}.orb-one{width:260px;height:260px;background:var(--purple);top:58px;left:85px}.orb-two{width:230px;height:230px;background:var(--blue);bottom:170px;right:-110px}
.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:18px}.status{display:flex;gap:10px;align-items:center}.signal,.wifi,.battery{display:block}.signal{width:22px;height:14px;background:linear-gradient(to right,#fff 20%,transparent 20% 30%,#fff 30% 50%,transparent 50% 60%,#fff 60%);border-radius:2px}.wifi{width:20px;height:14px;border:4px solid #fff;border-left-color:transparent;border-right-color:transparent;border-bottom:0;border-radius:18px 18px 0 0}.battery{width:28px;height:14px;border:2px solid #fff;border-radius:4px;position:relative}.battery:after{content:"";position:absolute;right:-5px;top:3px;width:3px;height:6px;background:#fff;border-radius:0 2px 2px 0}.menu{position:absolute;right:34px;top:84px;z-index:3;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#d8dce8;border-radius:18px;width:52px;height:52px;font-size:21px;letter-spacing:2px;box-shadow:inset 0 0 20px rgba(255,255,255,.03)}
.hero{position:relative;z-index:2;text-align:center;padding-top:58px}.avatar-wrap{width:170px;height:170px;margin:0 auto 24px;position:relative;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 0 38px rgba(135,75,255,.75),0 0 80px rgba(47,168,255,.25)}.avatar{width:158px;height:158px;object-fit:cover;border-radius:50%;border:3px solid rgba(8,10,18,.95)}.verified{position:absolute;right:12px;bottom:8px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#161a26,#05070d);color:#9b65ff;font-size:27px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.35)}
h1{margin:0;letter-spacing:18px;text-indent:18px;font-size:45px;line-height:1;font-weight:800;text-shadow:0 0 24px rgba(125,90,255,.45)}.tagline{margin:20px 0 8px;color:var(--muted);font-size:13px;letter-spacing:5px}.slogan{margin:0;font-weight:800;font-size:20px;background:linear-gradient(90deg,#8d6bff,#c04dff,#2fa8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.socials{display:flex;justify-content:center;gap:22px;margin:26px 0 28px}.social{width:47px;height:47px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.055);border:1px solid var(--line);font-weight:800;font-size:20px;box-shadow:inset 0 0 22px rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.22)}.instagram{color:#ff51c8}.github{color:#fff}.linkedin{color:#2fa8ff}.mail{color:#e9ecf5}
.links{position:relative;z-index:2;display:grid;gap:13px}.card{min-height:78px;border-radius:19px;display:flex;align-items:center;gap:16px;padding:13px 17px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(30,35,52,.82),rgba(12,15,24,.72));box-shadow:inset 0 0 24px rgba(255,255,255,.025),0 16px 40px rgba(0,0,0,.2);position:relative;overflow:hidden;transition:.22s ease}.card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#777}.accent-purple:before{background:linear-gradient(var(--purple),#d743ff)}.accent-blue:before{background:linear-gradient(var(--blue),#4266ff)}.accent-pink:before{background:linear-gradient(var(--pink),#9b4dff)}.accent-gray:before{background:linear-gradient(#9ca3b4,#4b5565)}.icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;font-weight:900;font-size:24px;background:linear-gradient(145deg,#232838,#080a12);box-shadow:inset 0 0 20px rgba(255,255,255,.04)}.run{background:linear-gradient(145deg,#b24dff,#5b43ff)}.cloud{color:#2fa8ff}.insta{background:linear-gradient(145deg,#ff2fd6,#ff7b2f);color:#fff}.in{background:#0a66c2;color:#fff}.contact{color:#e6eaf5}.text{display:grid;gap:5px;min-width:0}.text strong{font-size:18px}.text small{color:var(--muted);font-size:14px}.arrow{margin-left:auto;color:#c9cedd;font-size:38px;line-height:1}
.quote{position:relative;z-index:2;overflow:hidden;margin-top:20px;border-radius:20px;min-height:106px;background:linear-gradient(135deg,rgba(26,28,48,.86),rgba(14,16,27,.75));border:1px solid var(--line);padding:25px 24px;box-shadow:inset 0 0 28px rgba(255,255,255,.025)}.quote-mark{font-size:56px;line-height:.8;color:#8f5cff;font-weight:800}.quote p{margin:0 0 0 50px;transform:translateY(-30px);font-size:18px;line-height:1.45}.quote strong{color:#6da1ff}.mountains{position:absolute;right:0;bottom:0;width:190px;height:80px;background:linear-gradient(135deg,transparent 0 25%,rgba(117,77,255,.11) 25% 37%,transparent 37% 48%,rgba(47,168,255,.09) 48% 66%,transparent 66%)}.mountains:after{content:"";position:absolute;right:78px;top:17px;width:8px;height:8px;background:#d056ff;border-radius:50%;box-shadow:0 0 18px #d056ff}
footer{position:relative;z-index:2;margin-top:22px;display:flex;justify-content:center;align-items:center;gap:14px;color:#9ca3b4;font-size:14px}.code{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#b76bff;font-weight:800}
@media (max-width:430px){body{padding:0}.phone{border-radius:0;min-height:100svh;width:100%;padding:27px 24px 28px}h1{font-size:42px}.tagline{font-size:12px;letter-spacing:4px}.avatar-wrap{width:158px;height:158px}.avatar{width:147px;height:147px}.card{min-height:74px}.text strong{font-size:17px}}