*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--gold:#c9a84c;--gold-light:#e2c97e;--bg:#0a0a0a;--bg2:#111;--text:#e8e3d9;--muted:#6b6560;--border:#c9a84c33}body{color:var(--text);background-color:#000;background-image:radial-gradient(circle at 0 0,#e4b22a13 0%,#0000 40%),radial-gradient(circle at 100% 100%,#e4b22a0e 0%,#0000 40%);justify-content:center;align-items:center;min-height:100vh;padding:16px 12px;font-family:DM Sans,sans-serif;display:flex;overflow-x:hidden}.card{z-index:1;border:1px dashed var(--border);text-align:center;background:#000;border-radius:20px;width:100%;max-width:520px;margin:0 auto;padding:32px 32px 24px;animation:.8s both fadeUp;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;z-index:-100;opacity:1;filter:blur(35px);background:radial-gradient(circle at 85% 15%,#c9a84c1a 0%,#0000 50%),radial-gradient(circle at 15% 15%,#c9a84c1a 0%,#0000 50%);border-radius:20px;position:absolute;inset:0}.card:after{content:"";opacity:1;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");border-radius:20px;position:absolute;inset:0}.avatar-wrap{z-index:1;border-radius:50%;width:120px;height:120px;margin:0 auto 20px;position:relative;overflow:hidden}.avatar-image{object-fit:cover;object-position:center center;background:#222;border-radius:50%;width:120px;height:120px;display:block}h1{letter-spacing:1px;text-transform:uppercase;background:linear-gradient(360deg, var(--gold-light), var(--gold));-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-top:-1px;margin-bottom:5px;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:1.2;position:relative}.role{color:var(--muted);letter-spacing:1px;text-transform:uppercase;z-index:1;margin-bottom:20px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;position:relative}.divider{background:radial-gradient(ellipse at center, var(--gold) 0%, transparent 80%);border-radius:50%;width:20%;height:1.5px;margin:0 auto 20px}.bio{color:#a8a29b;letter-spacing:.3px;max-width:380px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:15px;font-weight:400;line-height:1.7}.skills{border:none;border-bottom:1px dashed #e2c97e21;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;padding-bottom:16px;display:flex}.skill{letter-spacing:1px;text-transform:uppercase;color:var(--muted);border:1px solid #ffffff12;border-radius:4px;padding:5px 11px;font-size:12px;font-weight:500;animation:4s ease-in-out infinite skillCycle}.skill:first-child{animation-delay:0s}.skill:nth-child(2){animation-delay:.5s}.skill:nth-child(3){animation-delay:1s}.skill:nth-child(4){animation-delay:1.5s}.skill:nth-child(5){animation-delay:2s}.skill:nth-child(6){animation-delay:2.5s}.skill:nth-child(7){animation-delay:3s}.skill:nth-child(8){animation-delay:3.5s}@keyframes skillCycle{20%,80%{color:var(--muted);border-color:#ffffff0a}0%,to{color:var(--gold-light);background-color:#00000009;border-color:#c9a84c1c}}.socials{z-index:1;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:18px;margin-bottom:21px;display:flex;position:relative}.social-btn{color:#ffda6d;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #e2c97e27}.social-btn:hover{color:var(--gold);transform:translateY(-2px);box-shadow:0 4px 12px #e2c97e56}.footer-note{color:#a8a29b;letter-spacing:2px;text-transform:uppercase;font-size:11px}.status{color:#5d8a5e;letter-spacing:2px;text-transform:uppercase;z-index:1;align-items:center;gap:6px;margin-bottom:16px;font-size:11px;display:inline-flex;position:relative}.status-dot{background:#4caf50;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}