.login-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:transparent;display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden;animation:fadeIn .5s ease-in}.login-container{width:100%;max-width:500px;padding:2rem;position:relative;z-index:1}.login-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:24px;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;opacity:0;transform:translateY(30px);box-shadow:0 25px 70px #0009,0 0 0 1px #7b1ce71a}.login-card.visible{opacity:1;transform:translateY(0);animation:slideUp .7s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:24px}.login-card:hover:before{opacity:1}.login-card:hover{border-color:var(--accent);box-shadow:0 25px 70px #7b1ce74d,0 0 0 1px #7b1ce74d}.login-header{text-align:center;margin-bottom:2.5rem;position:relative;z-index:1}.login-title{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;animation:fadeInDown .8s ease-out}.login-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:var(--text-secondary);margin:0;animation:fadeInDown .8s ease-out .2s both}.login-info{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-tertiary);border:2px solid var(--border);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.info-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:16px}.info-item:hover:before{opacity:1}.info-item:hover{border-color:var(--accent);transform:translate(4px);box-shadow:0 4px 12px #7b1ce733}.info-label{font-family:JetBrains Mono,monospace;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;position:relative;z-index:1}.info-value{font-family:JetBrains Mono,monospace;font-size:1rem;color:var(--accent);font-weight:600;position:relative;z-index:1}.login-button{width:100%;background:var(--accent);color:var(--text-primary);border:2px solid var(--accent);padding:1.125rem 3.5rem;font-size:1.1rem;font-weight:600;font-family:Inter,sans-serif;border-radius:16px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-width:250px;min-height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7b1ce74d;z-index:1}.button-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.login-button:hover .button-shine{left:100%}.login-button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-3px) scale(1.02);box-shadow:0 16px 40px #7b1ce780}.login-button:active:not(:disabled),.login-button.pressed{transform:translateY(-1px) scale(.98);box-shadow:0 4px 16px #7b1ce74d}.login-button:disabled{cursor:not-allowed;opacity:.8}.login-button.animating{animation:pulse .6s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.button-text{transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;z-index:1}.login-button.animating .button-text{animation:textPulse .6s ease-in-out}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.login-container{padding:1rem}.login-card{padding:2.5rem 2rem}.login-title{font-size:2.5rem}.login-button{padding:.875rem 2rem;font-size:1rem;min-width:200px}}@media (max-width: 480px){.login-card{padding:2rem 1.5rem}.login-title{font-size:2rem}.login-info{margin-bottom:1.5rem}}.skill-tree{position:relative;padding:2rem 0}.skill-tree-header{text-align:center;margin-bottom:3rem}.skill-tree-header h3{font-family:JetBrains Mono,monospace;font-size:2rem;color:var(--accent);margin-bottom:.5rem}.skill-tree-header p{color:var(--text-secondary);font-size:.875rem}.skill-categories{display:flex;flex-direction:column;gap:3rem}.skill-category{position:relative}.category-title{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--text-primary);margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border);position:relative}.category-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.skill-node{background:var(--bg-secondary);border:2px solid var(--border);border-radius:20px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both;animation-delay:var(--delay, 0s);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.skill-node:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px}.skill-node:hover:before{opacity:1}.skill-node:hover{transform:translateY(-8px) scale(1.02);border-color:var(--accent);box-shadow:0 20px 50px #7b1ce74d,0 0 0 1px #7b1ce733;background:#7b1ce70d}.skill-icon-wrapper{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#7b1ce71a;border-radius:16px;margin:0 auto;padding:.75rem;transition:all .4s ease;border:1px solid rgba(123,28,231,.3)}.skill-node:hover .skill-icon-wrapper{background:#7b1ce71a;border-color:var(--accent);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #7b1ce74d}.skill-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .4s ease}.skill-icon-fallback{font-size:2rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.skill-info{text-align:center}.skill-name{font-family:JetBrains Mono,monospace;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.skill-meta{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.skill-level{color:var(--accent);font-weight:600}.skill-projects{color:var(--text-secondary)}.skill-level-bar{width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-top:auto}.skill-level-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #7b1ce799;position:relative;overflow:hidden}.skill-level-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-spinner .spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.875rem}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.skill-node{padding:1.25rem}.skill-icon-wrapper{width:56px;height:56px}.skill-name{font-size:1rem}.skill-meta{font-size:.75rem;gap:.75rem}}@media (max-width: 480px){.skills-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.portfolio{min-height:100vh;background:transparent;animation:fadeIn .5s ease-in;position:relative;overflow-x:hidden;scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{background:#000000d9;border-bottom:1px solid var(--border);padding:1.25rem 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 4px 20px #0000004d}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700;color:var(--accent);text-decoration:none;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;position:relative}.logo:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.logo:hover:after{width:100%}.nav{display:flex;gap:.5rem;align-items:center}.nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;padding:.625rem 1.25rem;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-family:Inter,sans-serif;background:transparent;border:1px solid transparent}.nav a:hover{color:var(--accent);background:#7b1ce71a;border-color:#7b1ce733;transform:translateY(-2px)}.nav a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--accent),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.nav a:hover:before{opacity:1}.hero{padding:8rem 0 6rem;text-align:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);position:relative;z-index:1;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(123,28,231,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(123,28,231,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:heroGlow 8s ease-in-out infinite}@keyframes heroGlow{0%,to{opacity:1}50%{opacity:.7}}.hero-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-block;background:#7b1ce726;border:1px solid var(--accent);border-radius:50px;padding:.5rem 1.5rem;font-size:.875rem;color:var(--accent);font-family:JetBrains Mono,monospace;margin-bottom:1.5rem;animation:fadeInDown .8s ease-out}.hero-name{font-size:5rem;font-weight:700;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .2s both;line-height:1.2}.hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;animation:fadeInUp .8s ease-out .4s both}.hero-tag{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:.5rem 1.25rem;font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace;transition:all .3s ease}.hero-tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.8;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .6s both}.hero-description strong{color:var(--accent);font-weight:600}.hero-stats{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s both}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.hero-stat-value{font-size:2.5rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace;line-height:1;transition:transform .3s ease}.hero-stat:hover .hero-stat-value{transform:scale(1.1)}.hero-stat-label{font-size:.875rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.typing-indicator{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent);margin-top:2rem}.section{padding:5rem 0;position:relative;z-index:1;transition:all .3s ease;opacity:0;animation:fadeInUp .8s ease-out .3s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up,.fade-in-down,.fade-in-left,.fade-in-right,.scale-in{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1)}.fade-in-up{transform:translateY(30px)}.fade-in-down{transform:translateY(-30px)}.fade-in-left{transform:translate(-30px)}.fade-in-right{transform:translate(30px)}.scale-in{transform:scale(.9)}.fade-in-up.animate-in,.fade-in-down.animate-in,.fade-in-left.animate-in,.fade-in-right.animate-in,.scale-in.animate-in{opacity:1;transform:translate(0) scale(1)}.section-title{font-family:JetBrains Mono,monospace;font-size:2rem;margin-bottom:3rem;color:var(--text-primary);font-weight:600;text-align:center;position:relative;display:block;width:100%;padding-bottom:1.5rem;animation:fadeInDown .8s ease-out both}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);border-radius:2px;animation:expandLine .8s ease-out .5s both}@keyframes expandLine{0%{width:0;opacity:0}to{width:60px;opacity:1}}.code-comment{color:var(--text-secondary)}.about-content{display:flex;flex-direction:column;gap:3rem}.about-main-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:24px;padding:3rem;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.about-main-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:24px}.about-main-card:hover:before{opacity:1}.about-main-card:hover{border-color:var(--accent);box-shadow:0 20px 40px #7b1ce726}.about-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.about-header h3{color:var(--accent);font-size:2rem;font-family:JetBrains Mono,monospace;margin:0}.about-badge{background:#7b1ce726;border:1px solid var(--accent);border-radius:12px;padding:.5rem 1rem;font-size:.875rem;color:var(--accent);font-family:JetBrains Mono,monospace}.about-text{color:var(--text-secondary);line-height:1.9;font-size:1.0625rem}.about-text p{margin-bottom:1.5rem}.about-text p:last-child{margin-bottom:0}.about-text strong{color:var(--text-primary);font-weight:600}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.about-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out both}.about-card:nth-child(1){animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:nth-child(4){animation-delay:.4s}.about-card:nth-child(5){animation-delay:.5s}.about-card:nth-child(6){animation-delay:.6s}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px}.about-card:hover:before{opacity:1}.about-card:hover{border-color:var(--accent);transform:translateY(-8px) scale(1.02) rotate(.5deg);box-shadow:0 20px 40px #7b1ce740,0 0 0 1px #7b1ce733}.about-card-icon{transition:transform .4s cubic-bezier(.4,0,.2,1)}.about-card:hover .about-card-icon{transform:scale(1.2) rotate(5deg)}.about-card-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(123,28,231,.3))}.about-card h4{color:var(--accent);margin-bottom:1rem;font-size:1.25rem;font-family:JetBrains Mono,monospace}.about-card p{color:var(--text-secondary);line-height:1.8;margin:0;font-size:.9375rem}.social-section{background:var(--bg-secondary)}.email-card-container{margin-bottom:3rem;display:flex;justify-content:center}.email-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:24px;padding:2.5rem;text-decoration:none;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:2rem;max-width:600px;width:100%;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:24px}.email-card:hover:before{opacity:1}.email-card:hover{transform:translateY(-8px) scale(1.02) rotate(-.3deg);border-color:var(--accent);box-shadow:0 20px 50px #7b1ce74d,0 0 0 1px #7b1ce733;background:#7b1ce70d}.email-card{animation:fadeInUp .6s ease-out .2s both}.email-icon-wrapper{width:80px;height:80px;border-radius:20px;background:#7b1ce71a;display:flex;align-items:center;justify-content:center;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(123,28,231,.3);flex-shrink:0}.email-card:hover .email-icon-wrapper{background:#7b1ce71a;border-color:var(--accent);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #7b1ce766}.email-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .4s ease}.email-card:hover .email-icon-img{transform:scale(1.1)}.email-content{flex:1}.email-content h3{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent);margin-bottom:.5rem;font-weight:600}.email-content p{font-size:1.125rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace;margin:0;word-break:break-all}.email-arrow{font-size:2rem;color:var(--accent);transition:all .4s ease;flex-shrink:0}.email-card:hover .email-arrow{transform:translate(8px)}@media (max-width: 768px){.email-card{flex-direction:column;text-align:center;padding:2rem;gap:1.5rem}.email-icon-wrapper{width:70px;height:70px}.email-content h3{font-size:1.25rem}.email-content p{font-size:1rem}.email-arrow{display:none}}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.social-card{background:var(--bg-tertiary);border:2px solid var(--border);border-radius:20px;padding:2.5rem;text-align:center;text-decoration:none;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out both}.social-card:nth-child(1){animation-delay:.1s}.social-card:nth-child(2){animation-delay:.2s}.social-card:nth-child(3){animation-delay:.3s}.social-card:nth-child(4){animation-delay:.4s}.social-card:nth-child(5){animation-delay:.5s}.social-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--accent);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1);border-radius:20px 20px 0 0}.social-card:hover:before{transform:scaleX(1)}.social-card:hover{transform:translateY(-8px) scale(1.02) rotate(-.5deg);border-color:var(--accent);box-shadow:0 20px 40px #7b1ce74d,0 0 0 1px #7b1ce733}.social-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px;z-index:0}.social-card:hover:after{opacity:1}.social-card>*{position:relative;z-index:1}.social-icon-wrapper{width:72px;height:72px;border-radius:20px;background:#7b1ce71a;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;padding:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(123,28,231,.3);position:relative;overflow:hidden}.social-icon-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .4s ease}.social-icon-fallback{font-size:2rem;font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace}.social-card:hover .social-icon-wrapper{background:#7b1ce71a;border-color:var(--accent);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #7b1ce766}.social-card:hover .social-icon-img{transform:scale(1.1)}.social-card h3{margin-bottom:.5rem;font-size:1.25rem}.social-card p{color:var(--text-secondary);font-size:.875rem}.repos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.repo-card{background:var(--bg-secondary);border:2px solid var(--border);border-radius:20px;padding:2rem;text-decoration:none;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInUp .6s ease-out both}.repo-card:nth-child(1){animation-delay:.1s}.repo-card:nth-child(2){animation-delay:.15s}.repo-card:nth-child(3){animation-delay:.2s}.repo-card:nth-child(4){animation-delay:.25s}.repo-card:nth-child(5){animation-delay:.3s}.repo-card:nth-child(6){animation-delay:.35s}.repo-card:nth-child(7){animation-delay:.4s}.repo-card:nth-child(8){animation-delay:.45s}.repo-card:nth-child(9){animation-delay:.5s}.repo-card:nth-child(10){animation-delay:.55s}.repo-card:nth-child(11){animation-delay:.6s}.repo-card:nth-child(12){animation-delay:.65s}.repo-card:hover{border-color:var(--accent);transform:translateY(-8px) scale(1.02) rotate(.3deg);box-shadow:0 20px 40px #7b1ce740,0 0 0 1px #7b1ce733}.repo-card:hover .repo-name{color:var(--accent-hover);transform:translate(4px);transition:all .3s ease}.repo-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(123,28,231,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px;z-index:0}.repo-card:hover:before{opacity:1}.repo-card>*{position:relative;z-index:1}.repo-header{display:flex;justify-content:space-between;align-items:center}.repo-name{font-family:JetBrains Mono,monospace;font-size:1.25rem;color:var(--accent);font-weight:600}.repo-visibility{font-size:1.25rem}.repo-description{color:var(--text-secondary);line-height:1.6;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.repo-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border)}.repo-stats{display:flex;gap:1rem}.repo-stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.stat-icon{font-size:1rem}.repo-language{font-family:JetBrains Mono,monospace;color:var(--accent);font-size:.875rem;padding:.375rem 1rem;background:#7b1ce71a;border-radius:12px;border:1px solid rgba(123,28,231,.2)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #7b1ce74d}@keyframes spin{to{transform:rotate(360deg)}}.error-message{text-align:center;padding:4rem 0;color:var(--text-secondary)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 0;text-align:center;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:4rem}.footer p{font-family:JetBrains Mono,monospace;font-size:clamp(.75rem,2vw,.9375rem);margin:0;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.footer p strong{color:var(--accent);font-weight:600}@media (max-width: 768px){.hero{padding:5rem 0 4rem}.hero-name{font-size:3rem}.hero-stats{gap:2rem}.hero-stat-value{font-size:2rem}.nav{gap:1rem;font-size:.875rem}.section{padding:3rem 0}.about-main-card{padding:2rem}.about-header h3{font-size:1.5rem}.about-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.repos-grid{grid-template-columns:1fr}.about-card,.social-card,.repo-card{border-radius:16px}.progress-dashboard{padding:2rem;margin:2rem 1rem}}@media (max-width: 480px){.hero-name{font-size:2.5rem}.hero-tags{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:1.5rem}.social-grid{grid-template-columns:1fr}.container{padding:0 1rem}.about-main-card{padding:1.5rem}}.custom-cursor{width:20px;height:20px;border:2px solid var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.23,1,.32,1),height .4s cubic-bezier(.23,1,.32,1),border-width .4s cubic-bezier(.23,1,.32,1),background .4s cubic-bezier(.23,1,.32,1);mix-blend-mode:difference;will-change:transform}.custom-cursor.hover{width:50px;height:50px;border-width:1px;background:#7b1ce726;mix-blend-mode:normal}.cursor-glow{width:120px;height:120px;border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);background:radial-gradient(circle,#7b1ce766,#7b1ce71a 50%,#7b1ce700 70%);transition:width .5s cubic-bezier(.23,1,.32,1),height .5s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1);filter:blur(25px);opacity:.5;will-change:transform,width,height,opacity}.custom-cursor.hover~.cursor-glow,.custom-cursor.hover+.cursor-glow{width:180px;height:180px;opacity:.7}@media (min-width: 769px) and (pointer: fine){*,a,button,input,textarea,select{cursor:none!important}}@media (max-width: 768px),(pointer: coarse){.custom-cursor,.cursor-glow{display:none!important}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--text-primary: #ffffff;--text-secondary: #888888;--accent: #7b1ce7;--accent-hover: #9a4af0;--border: #1a1a1a;--terminal-bg: #000000;--terminal-border: #1a1a1a;--github-blue: #7b1ce7;--instagram-pink: #7b1ce7;--telegram-blue: #7b1ce7;--discord-purple: #7b1ce7;--x-black: #7b1ce7}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(123,28,231,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(123,28,231,.08) 0%,transparent 50%),linear-gradient(135deg,#000,#0a0a0a);pointer-events:none;z-index:-1;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:1}50%{opacity:.95}}code,pre{font-family:JetBrains Mono,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:0 2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}