@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:IBM Plex Mono,sans-serif;background:radial-gradient(ellipse at top,#0d1117,#010409 70%,#000);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;margin:0;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 50%,rgba(88,166,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,69,190,.05) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(248,81,73,.05) 0%,transparent 50%);pointer-events:none;z-index:-1}.card{width:450px;margin:40px;background:#0d1117f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(48,54,61,.8);box-shadow:0 25px 50px #0009,0 0 0 1px #6e76811a,inset 0 1px #6e76811a;border-radius:16px;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden;position:relative}.card:hover{transform:translateY(-8px);border:1px solid rgba(88,166,255,.4);box-shadow:0 32px 64px #000c,0 0 0 1px #58a6ff33,0 0 32px #58a6ff1a}.card:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(88,166,255,.6),transparent);animation:pulse 3s ease-in-out infinite}.avatar-container{position:relative;overflow:hidden}.avatar{filter:contrast(1.2) brightness(1.1) grayscale(.1);transition:all .4s ease;display:block;width:100%}.avatar-overlay{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#0d1117cc);pointer-events:none}.data{padding:24px 32px 32px;background:#161b2299;border-top:1px solid rgba(48,54,61,.5)}h1{margin-bottom:16px;font-size:2.4rem;font-weight:600;color:#f0f6fc;text-shadow:0 0 20px rgba(88,166,255,.3);letter-spacing:-.02em}.data p{line-height:1.6;color:#8b949e;font-weight:400;font-size:.95rem;margin-bottom:4px}.skill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.skill{padding:6px 14px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:500;font-size:.85rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.23,1,.32,1);cursor:pointer;position:relative;overflow:hidden}.skill:hover{transform:translateY(-2px)}.skill-text{font-weight:500}.skill-icon{font-size:1rem;opacity:.9}.skill.html-css{background-color:#8b45be26;border:1px solid rgba(139,69,190,.3)}.skill.html-css:hover{background-color:#8b45be4d;box-shadow:0 8px 25px #0006,0 0 20px #8b45be4d}.skill.html-css .skill-text{color:#c9a9dd}.skill.javascript{background-color:#ffc53d26;border:1px solid rgba(255,197,61,.3)}.skill.javascript:hover{background-color:#ffc53d4d;box-shadow:0 8px 25px #0006,0 0 20px #ffc53d4d}.skill.javascript .skill-text{color:#f2cc60}.skill.web-design{background-color:#57ab5a26;border:1px solid rgba(87,171,90,.3)}.skill.web-design:hover{background-color:#57ab5a4d;box-shadow:0 8px 25px #0006,0 0 20px #57ab5a4d}.skill.web-design .skill-text{color:#adbea8}.skill.git{background-color:#f8514926;border:1px solid rgba(248,81,73,.3)}.skill.git:hover{background-color:#f851494d;box-shadow:0 8px 25px #0006,0 0 20px #f851494d}.skill.git .skill-text{color:#f85149}.skill.react{background-color:#58a6ff26;border:1px solid rgba(88,166,255,.3)}.skill.react:hover{background-color:#58a6ff4d;box-shadow:0 8px 25px #0006,0 0 20px #58a6ff4d}.skill.react .skill-text{color:#58a6ff}.skill.nodejs{background-color:#ff7b7226;border:1px solid rgba(255,123,114,.3)}.skill.nodejs:hover{background-color:#ff7b724d;box-shadow:0 8px 25px #0006,0 0 20px #ff7b724d}.skill.nodejs .skill-text{color:#ff7b72}.skill.express{background-color:#6e768126;border:1px solid rgba(110,118,129,.3)}.skill.express:hover{background-color:#6e76814d;box-shadow:0 8px 25px #0006,0 0 20px #6e76814d}.skill.express .skill-text{color:#e6edf3}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.8}}