:root{--aboutme-bg:#fffc;--aboutme-text-primary:#262626;--aboutme-text-secondary:#737373;--aboutme-border:#0000001a;--aboutme-gradient:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-skill-bg:#0000000d;--aboutme-skill-hover:#0000001a;--aboutme-skill-text:#737373;--aboutme-button-primary-bg:linear-gradient(45deg, #73737320, #a1a1a120);--aboutme-button-primary-border:#0000001a;--aboutme-button-secondary-bg:transparent;--aboutme-button-secondary-border:#0000001a;--aboutme-button-secondary-text:#737373;--aboutme-button-effect:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-button-effect-secondary:#0000001a}[data-theme=dark]{--aboutme-bg:#171717cc;--aboutme-text-primary:#fafafa;--aboutme-text-secondary:#a1a1a1;--aboutme-border:#ffffff1a;--aboutme-gradient:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-skill-bg:#ffffff0d;--aboutme-skill-hover:#ffffff1a;--aboutme-skill-text:#a1a1a1;--aboutme-button-primary-bg:linear-gradient(45deg, #73737320, #a1a1a120);--aboutme-button-primary-border:#ffffff1a;--aboutme-button-secondary-bg:transparent;--aboutme-button-secondary-border:#ffffff1a;--aboutme-button-secondary-text:#a1a1a1;--aboutme-button-effect:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-button-effect-secondary:#ffffff1a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--aboutme-bg:#171717cc;--aboutme-text-primary:#fafafa;--aboutme-text-secondary:#a1a1a1;--aboutme-border:#ffffff1a;--aboutme-gradient:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-skill-bg:#ffffff0d;--aboutme-skill-hover:#ffffff1a;--aboutme-skill-text:#a1a1a1;--aboutme-button-primary-bg:linear-gradient(45deg, #73737320, #a1a1a120);--aboutme-button-primary-border:#ffffff1a;--aboutme-button-secondary-bg:transparent;--aboutme-button-secondary-border:#ffffff1a;--aboutme-button-secondary-text:#a1a1a1;--aboutme-button-effect:linear-gradient(45deg, #737373, #a1a1a1);--aboutme-button-effect-secondary:#ffffff1a}}body{display:inherit}#card{width:36%}.container{justify-content:center;align-items:center;width:85%;display:flex}.profile-card{background:var(--aboutme-bg);border-radius:1.5rem;padding:2.5rem;transition:transform .3s;position:relative;overflow:hidden}.profile-card:hover{transform:translateY(-5px)}.card-content{z-index:2;position:relative}.avatar-wrapper{width:120px;height:120px;margin:0 auto 2rem;position:relative}.avatar{border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.avatar-inner{background:var(--aboutme-gradient);opacity:.8;position:absolute;inset:0}.avatar-glow{background:var(--aboutme-gradient);opacity:0;filter:blur(15px);border-radius:50%;transition:opacity .3s;position:absolute;inset:-2px}.avatar:hover .avatar-glow{opacity:.5}.avatar-border{background-image:url(/images/me.jpg);background-size:cover;background-clip:padding-box;border:3px solid #0000;border-radius:50%;position:absolute;inset:0;mask-composite:exclude}.profile-info{text-align:center}.name{background:var(--aboutme-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.8rem}.title{color:var(--aboutme-text-secondary);margin-bottom:2rem;font-size:1rem}.stats{border-top:1px solid var(--aboutme-border);border-bottom:1px solid var(--aboutme-border);justify-content:space-around;margin-bottom:2rem;padding:1rem 0;display:flex}.stat{flex-direction:column;gap:.5rem;display:flex}.stat-value{background:var(--aboutme-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.2rem;font-weight:700}.stat-label{color:var(--aboutme-text-secondary);font-size:.9rem}.bio{color:var(--aboutme-text-secondary);margin-bottom:2rem;padding:0 1rem;line-height:1.6}.skills{justify-content:center;gap:.8rem;margin-bottom:2rem;display:flex}.skill{background:var(--aboutme-skill-bg);color:var(--aboutme-skill-text);border:1px solid var(--aboutme-border);border-radius:2rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s}.skill:hover{background:var(--aboutme-skill-hover);color:var(--aboutme-text-primary);transform:translateY(-2px)}.actions{gap:1rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.8rem;flex:1;padding:.8rem;font-size:1rem;transition:all .3s;position:relative;overflow:hidden}.action-btn span{z-index:1;position:relative}.btn-effect{transition:opacity .3s;position:absolute;inset:0}.primary{background:var(--aboutme-button-primary-bg);color:var(--aboutme-text-primary);border:1px solid var(--aboutme-button-primary-border)}.primary .btn-effect{background:var(--aboutme-button-effect);opacity:0}.primary:hover .btn-effect{opacity:.2}.secondary{background:var(--aboutme-button-secondary-bg);color:var(--aboutme-button-secondary-text);border:1px solid var(--aboutme-button-secondary-border)}.secondary .btn-effect{background:var(--aboutme-button-effect-secondary);opacity:0}.secondary:hover .btn-effect{opacity:1}.card-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;animation:8s infinite shine;position:absolute;top:0;left:-100%}@keyframes shine{to{left:200%}}.card-border{background:var(--aboutme-gradient) border-box;-webkit-mask-composite:destination-out;opacity:0;border:2px solid #0000;border-radius:1.5rem;transition:opacity .3s;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:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.profile-card:hover .card-border{opacity:1}.card-glow{background:var(--aboutme-gradient);opacity:0;filter:blur(20px);border-radius:1.5rem;transition:opacity .3s;position:absolute;inset:0}.profile-card:hover .card-glow{opacity:.05}@media (width<=768px){#card,.container{width:100%}}