.glitch-wrapper{display:inline-block}.glitch{position:relative;color:#fff;font-family:var(--font-display);font-size:4rem;letter-spacing:.1em}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#050505}.glitch:before{left:2px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(34px,9999px,11px,0)}5%{clip:rect(86px,9999px,93px,0)}10%{clip:rect(15px,9999px,96px,0)}15%{clip:rect(6px,9999px,68px,0)}20%{clip:rect(49px,9999px,7px,0)}25%{clip:rect(86px,9999px,32px,0)}30%{clip:rect(96px,9999px,98px,0)}35%{clip:rect(60px,9999px,33px,0)}40%{clip:rect(5px,9999px,76px,0)}45%{clip:rect(26px,9999px,98px,0)}50%{clip:rect(22px,9999px,8px,0)}55%{clip:rect(96px,9999px,14px,0)}60%{clip:rect(73px,9999px,16px,0)}65%{clip:rect(5px,9999px,63px,0)}70%{clip:rect(2px,9999px,29px,0)}75%{clip:rect(93px,9999px,2px,0)}80%{clip:rect(55px,9999px,6px,0)}85%{clip:rect(16px,9999px,97px,0)}90%{clip:rect(4px,9999px,78px,0)}95%{clip:rect(66px,9999px,32px,0)}to{clip:rect(27px,9999px,40px,0)}}@keyframes glitch-anim2{0%{clip:rect(2px,9999px,82px,0)}5%{clip:rect(59px,9999px,17px,0)}10%{clip:rect(26px,9999px,99px,0)}15%{clip:rect(1px,9999px,93px,0)}20%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(67px,9999px,69px,0)}30%{clip:rect(86px,9999px,73px,0)}35%{clip:rect(23px,9999px,8px,0)}40%{clip:rect(45px,9999px,26px,0)}45%{clip:rect(86px,9999px,16px,0)}50%{clip:rect(9px,9999px,9px,0)}55%{clip:rect(26px,9999px,5px,0)}60%{clip:rect(39px,9999px,84px,0)}65%{clip:rect(86px,9999px,69px,0)}70%{clip:rect(28px,9999px,66px,0)}75%{clip:rect(56px,9999px,2px,0)}80%{clip:rect(1px,9999px,86px,0)}85%{clip:rect(32px,9999px,36px,0)}90%{clip:rect(69px,9999px,6px,0)}95%{clip:rect(56px,9999px,2px,0)}to{clip:rect(8px,9999px,96px,0)}}:root{--color-bg: #050505;--color-primary: #00f3ff;--color-secondary: #bd00ff;--color-accent: #ffffff;--color-text: #e0e0e0;--color-text-dim: #888888;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 10px;--font-main: "Inter", sans-serif;--font-display: "Orbitron", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}a{color:inherit;text-decoration:none}.glass-panel{background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 4px 30px #0003;position:relative;overflow:hidden}.glass-panel:after{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:linear-gradient(45deg,#00f3ff,#bd00ff,#f05,#00f3ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;background-size:400% 400%;animation:rgb-border 10s ease infinite;pointer-events:none}@keyframes rgb-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.flip-card-container{background-color:transparent;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transform-style:preserve-3d}.flip-card-container:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column}.flip-card-front{background:#0a0a0acc;justify-content:center;align-items:center;padding:30px}.flip-card-back{transform:rotateY(180deg);box-shadow:0 0 30px #00f3ff26;background:#050505f2;padding:25px;justify-content:space-between;overflow-y:auto}.flip-card-back::-webkit-scrollbar{width:4px}.flip-card-back::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.project-link-btn:hover{transform:scale(1.05)}.neon-text{color:var(--color-primary);text-shadow:0 0 20px rgba(0,243,255,.4),0 0 40px rgba(0,243,255,.2)}.profile-pic-container{position:relative;width:180px;height:180px;margin:0 auto 30px;transition:transform .3s ease}.profile-pic-container:hover{transform:scale(1.15)}.profile-pic-container:before{content:"";position:absolute;inset:-15px;border:3px solid var(--color-primary);border-radius:50%;border-top-color:transparent;border-bottom-color:transparent;animation:spin 8s linear infinite;z-index:0;transition:all .3s ease}.profile-pic-container:hover:before{border-width:4px;box-shadow:0 0 20px var(--color-primary)}.profile-pic-container:after{content:"";position:absolute;inset:-8px;border:2px dashed var(--color-secondary);border-radius:50%;animation:spin-reverse 12s linear infinite;z-index:0;transition:all .3s ease}.profile-pic-container:hover:after{border-width:3px;box-shadow:0 0 15px var(--color-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.social-dock{position:fixed;left:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:25px;padding:20px 10px;background:#0a0a0a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:30px;z-index:100;box-shadow:0 0 20px #00000080}.social-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;color:var(--color-text-dim)}.social-icon-wrapper:hover{background:#00f3ff1a;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 15px var(--color-primary);transform:scale(1.1)}.profile-pic{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid var(--color-primary);box-shadow:0 0 40px #00f3ff80;position:relative;z-index:2;transition:all .3s ease}.profile-pic-container:hover .profile-pic{border-width:5px;box-shadow:0 0 50px #00f3ffcc,0 0 80px #00f3ff66}.profile-pic-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110%;height:110%;border-radius:50%;background:radial-gradient(circle,rgba(0,243,255,.6) 0%,transparent 70%);z-index:1;animation:pulse 3s infinite ease-in-out;transition:all .3s ease}.profile-pic-container:hover .profile-pic-glow{width:130%;height:130%;background:radial-gradient(circle,rgba(0,243,255,.8) 0%,rgba(189,0,255,.3) 50%,transparent 70%)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}