:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--glass-bg: rgba(15, 23, 42, .85);--glass-border: rgba(56, 189, 248, .2);--terminal-bg: #1e293b;--terminal-header: #334155;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow:hidden;position:relative}#bg-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}#tech-icons-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.tech-icon{position:absolute;opacity:.15;color:var(--accent-color);animation:float 20s infinite linear}#app{position:relative;z-index:1;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;max-width:650px;padding:2rem}.glass-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:3rem 2rem;box-shadow:0 8px 32px #0006;text-align:center;animation:fadeIn 1.5s ease-out;position:relative;overflow:hidden}.name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.name:before,.name:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color);overflow:hidden;opacity:0}.name:hover:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse;opacity:1;background:none;-webkit-text-fill-color:#fff}.name:hover:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse;opacity:1;background:none;-webkit-text-fill-color:#fff}.status{font-size:1.25rem;color:var(--accent-color);margin-bottom:1.5rem;font-weight:600;min-height:1.5em;font-family:Courier New,monospace}.terminal-window{background-color:var(--terminal-bg);border-radius:8px;box-shadow:0 4px 6px #0000004d;margin:1.5rem auto 2rem;text-align:left;overflow:hidden;border:1px solid #334155;font-family:Courier New,monospace;font-size:.9rem;max-width:90%}.terminal-header{background-color:var(--terminal-header);padding:8px 12px;display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.terminal-title{margin-left:10px;color:#94a3b8;font-size:.8rem}.terminal-body{padding:12px;color:#10b981;height:120px;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end}.line{display:block;margin-bottom:4px;word-break:break-all}.progress-container{max-width:90%;margin:0 auto 2rem}.progress-label{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem}.font-mono{font-family:Courier New,monospace;font-weight:600;color:var(--accent-color)}.progress-bar{width:100%;height:8px;background-color:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill{width:0%;height:100%;background-color:var(--accent-color);border-radius:4px;transition:width .5s ease-out;box-shadow:0 0 10px var(--accent-color)}.description{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-icon{color:var(--text-secondary);transition:all .3s ease;padding:.75rem;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.social-icon:hover{color:var(--accent-color);background:#38bdf81a;transform:translateY(-3px) scale(1.1);box-shadow:0 0 15px #38bdf84d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.15}90%{opacity:.15}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}@keyframes glitch-anim{0%{clip:rect(32px,9999px,2px,0);transform:skew(.55deg)}5%{clip:rect(20px,9999px,99px,0);transform:skew(.79deg)}10%{clip:rect(66px,9999px,5px,0);transform:skew(.32deg)}15%{clip:rect(7px,9999px,63px,0);transform:skew(.35deg)}20%{clip:rect(70px,9999px,80px,0);transform:skew(.58deg)}25%{clip:rect(22px,9999px,6px,0);transform:skew(.38deg)}30%{clip:rect(77px,9999px,81px,0);transform:skew(.24deg)}35%{clip:rect(3px,9999px,14px,0);transform:skew(.06deg)}40%{clip:rect(61px,9999px,35px,0);transform:skew(.25deg)}45%{clip:rect(59px,9999px,63px,0);transform:skew(.18deg)}50%{clip:rect(87px,9999px,34px,0);transform:skew(.97deg)}55%{clip:rect(15px,9999px,14px,0);transform:skew(.73deg)}60%{clip:rect(62px,9999px,20px,0);transform:skew(.17deg)}65%{clip:rect(44px,9999px,18px,0);transform:skew(.86deg)}70%{clip:rect(11px,9999px,83px,0);transform:skew(.1deg)}75%{clip:rect(76px,9999px,3px,0);transform:skew(.19deg)}80%{clip:rect(67px,9999px,88px,0);transform:skew(.8deg)}85%{clip:rect(48px,9999px,63px,0);transform:skew(.21deg)}90%{clip:rect(66px,9999px,73px,0);transform:skew(.94deg)}95%{clip:rect(74px,9999px,7px,0);transform:skew(.29deg)}to{clip:rect(56px,9999px,47px,0);transform:skew(.51deg)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0);transform:skew(.88deg)}5%{clip:rect(52px,9999px,74px,0);transform:skew(.29deg)}10%{clip:rect(79px,9999px,85px,0);transform:skew(.39deg)}15%{clip:rect(75px,9999px,5px,0);transform:skew(.85deg)}20%{clip:rect(67px,9999px,61px,0);transform:skew(.4deg)}25%{clip:rect(14px,9999px,79px,0);transform:skew(.14deg)}30%{clip:rect(1px,9999px,66px,0);transform:skew(.57deg)}35%{clip:rect(86px,9999px,30px,0);transform:skew(.1deg)}40%{clip:rect(23px,9999px,98px,0);transform:skew(.98deg)}45%{clip:rect(85px,9999px,72px,0);transform:skew(.06deg)}50%{clip:rect(71px,9999px,97px,0);transform:skew(.94deg)}55%{clip:rect(2px,9999px,85px,0);transform:skew(.48deg)}60%{clip:rect(32px,9999px,5px,0);transform:skew(.41deg)}65%{clip:rect(95px,9999px,40px,0);transform:skew(.49deg)}70%{clip:rect(63px,9999px,60px,0);transform:skew(.67deg)}75%{clip:rect(90px,9999px,87px,0);transform:skew(.98deg)}80%{clip:rect(30px,9999px,51px,0);transform:skew(.04deg)}85%{clip:rect(17px,9999px,63px,0);transform:skew(.63deg)}90%{clip:rect(48px,9999px,92px,0);transform:skew(.53deg)}95%{clip:rect(5px,9999px,37px,0);transform:skew(.27deg)}to{clip:rect(19px,9999px,6px,0);transform:skew(.6deg)}}@media(max-width:640px){.name{font-size:2rem}.glass-card{padding:2rem 1.5rem}.terminal-window{display:none}}