*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--background:#06111d;--card:#081522;--primary:#3b82f6;--primary-dark:#2563eb;--text:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#26384b;--badge-background:#101f30;--linkedin:#f4c542}body{background:var(--background);color:var(--text);min-height:100vh;font-family:Inter}.page{justify-content:center;align-items:center;min-height:100vh;padding:42px;display:flex}.card{background:radial-gradient(circle at 50% 100%, #1446781f, transparent 45%), var(--card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:1450px;padding:74px;position:relative;overflow:hidden}.decorative-dots{background-image:radial-gradient(var(--primary) 2px, transparent 2px);opacity:.65;background-size:22px 22px;width:110px;height:110px;position:absolute;top:66px;right:48px}.hero{grid-template-columns:1fr 420px;align-items:start;gap:70px;display:grid}.hero-content{padding-top:0}.greeting{color:var(--primary);margin-bottom:20px;font-size:26px;font-weight:600;display:inline-block}h1{letter-spacing:-2px;margin-bottom:22px;font-size:clamp(42px,4vw,64px);line-height:1.05}h2{color:var(--primary);margin-bottom:32px;font-size:32px;line-height:1.2}.description{color:var(--text-secondary);margin-bottom:42px;font-size:24px;line-height:1.65}.technologies h3{color:var(--text-secondary);margin-bottom:16px;font-size:20px;font-weight:500}.badges{flex-wrap:wrap;gap:12px;max-width:850px;display:flex}.badge{background:var(--badge-background);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:11px;align-items:center;gap:10px;padding:11px 18px;font-size:18px;transition:transform .2s,border-color .2s,background .2s;display:flex}.badge:hover{border-color:var(--primary);background:#14263a;transform:translateY(-2px)}.badge i{font-size:23px}.profile-container{z-index:2;position:relative}.profile-image{object-fit:cover;border:2px solid var(--border);border-radius:24px;width:100%;display:block;box-shadow:0 25px 60px #00000059}hr{border:none;border-top:1px solid var(--border);margin:48px 0 30px}.actions{flex-wrap:wrap;gap:22px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:12px;min-width:160px;padding:15px 26px;font-size:19px;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-icon{font-size:22px}.button-primary{background:var(--linkedin);color:#111827;border:1px solid var(--linkedin)}.button-primary:hover{background:#eabf32}.button-secondary{color:var(--text);border:1px solid var(--border);background:#0c1a29}.button-secondary:hover{border-color:var(--primary);background:#13263b}.features{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:54px;display:grid}.feature{align-items:flex-start;gap:22px;display:flex}.feature-icon{width:66px;height:66px;color:var(--primary);border:2px solid #1557a8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:27px;font-weight:600;display:flex}.feature h3{color:var(--text);margin-bottom:8px;font-size:20px}.feature p{color:var(--text-secondary);font-size:17px;line-height:1.55}@media (width<=1100px){.page{padding:25px}.card{padding:50px}.hero{grid-template-columns:1fr 320px;gap:40px}h1{font-size:46px}h2{font-size:27px}.description{font-size:20px}.features{gap:30px}}@media (width<=850px){.hero{grid-template-columns:1fr}.profile-container{order:-1;max-width:300px;margin:0 auto 35px}.decorative-dots{display:none}.features{grid-template-columns:1fr;gap:30px}}@media (width<=600px){.page{padding:12px}.card{border-radius:18px;padding:30px 22px}.greeting{font-size:20px}h1{letter-spacing:-1px;font-size:38px}h2{font-size:24px}.description{font-size:18px}.description br{display:none}.badge{padding:9px 13px;font-size:16px}.actions{flex-direction:column}.button{width:100%}.feature{gap:15px}.feature-icon{width:54px;height:54px;font-size:22px}.feature h3{font-size:18px}.feature p{font-size:15px}}