:root{--bg-color: #060606;--card-bg: #1D1D1D;--card-border: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-muted: #666666;--accent-blue: #0771FC;--accent-blue-rgb: 7, 113, 252;--accent-blue-hover: #005ecf;--accent-green: #00E676;--gradient-primary: linear-gradient(135deg, var(--accent-blue) 0%, #0047a5 100%);--gradient-hover: linear-gradient(135deg, #005ecf 0%, var(--accent-blue) 100%);--gradient-text: linear-gradient(to right, #0771FC, #3ea2ff, #005ecf);--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", SFMono-Regular, Consolas, monospace;--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .4s cubic-bezier(.16, 1, .3, 1);--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;color-scheme:dark;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;position:relative;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#2d2d2d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}::selection{background:rgba(var(--accent-blue-rgb),.3);color:#fff}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit;background:none;border:none;outline:none}.grid-background{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(7,113,252,.04) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:-1;mask-image:radial-gradient(ellipse at 50% 50%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,black 60%,transparent 100%)}.ambient-glow{position:absolute;width:45vw;height:45vw;border-radius:50%;filter:blur(140px);opacity:.08;pointer-events:none;z-index:-2;transition:all var(--transition-slow)}.glow-1{background:var(--accent-blue);top:15%;left:-10%;animation:floatAmbient 15s infinite alternate ease-in-out}.glow-2{background:#0047a5;top:55%;right:-10%;animation:floatAmbient 22s infinite alternate-reverse ease-in-out}@keyframes floatAmbient{0%{transform:translate(0) scale(1)}to{transform:translate(4%,4%) scale(1.06)}}.opacity-50{opacity:.5}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.italic-accent{font-style:italic;font-weight:400;color:var(--accent-blue)}.status-dashboard-section{padding:6rem 0}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1rem}.status-card{position:relative;background:#14141480;border:1px solid rgba(255,255,255,.04);border-radius:18px;padding:1.5rem 1.75rem;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-normal);display:flex;flex-direction:column;justify-content:space-between;min-height:220px;box-shadow:0 8px 32px #0000004d}.status-card:hover{transform:translateY(-4px);border-color:#ffffff14;box-shadow:0 12px 40px #00000073}.spotify-player-container{display:flex;align-items:center;gap:1.5rem;height:100%;z-index:2;position:relative;width:100%}.spotify-disc-wrapper{position:relative;width:92px;height:92px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.spotify-vinyl{width:78px;height:78px;border-radius:50%;background:#111;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0009;border:3px solid #1a1a1a;z-index:2;overflow:hidden}.spotify-vinyl-art{width:100%;height:100%;object-fit:cover;border-radius:50%}.vinyl-center-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:4px solid #1a1a1a;z-index:3}.spotify-vinyl-progress{position:absolute;width:98px;height:98px;z-index:1;transform:rotate(-90deg)}.vinyl-progress-bg{fill:none;stroke:#ffffff08;stroke-width:3.5}.vinyl-progress-bar{fill:none;stroke:#1ed760;stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.spinning{animation:rotateVinyl 12s linear infinite}.spinning-slow{animation:rotateVinyl 25s linear infinite}@keyframes rotateVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-player-details{display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0;z-index:2}.spotify-live-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem;gap:.5rem}.spotify-badge{font-size:.62rem;font-family:var(--font-mono);font-weight:700;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.spotify-badge.live{background:#1ed7601f;color:#1ed760;border:1px solid rgba(30,215,96,.25);box-shadow:0 0 10px #1ed7601a}.spotify-badge.demo{background:#0771fc1f;color:var(--accent-blue);border:1px solid rgba(7,113,252,.25)}.spotify-eq-visualizer{display:flex;align-items:flex-end;gap:2px;height:14px}.spotify-eq-visualizer .eq-bar{width:2px;height:3px;background-color:#1ed760;border-radius:1px;animation:eqJiggle .8s ease-in-out infinite alternate}.spotify-card:hover .spotify-eq-visualizer .eq-bar{background-color:#1ed760}.spotify-eq-visualizer .eq-bar:nth-child(1){animation-duration:.5s;animation-delay:.1s}.spotify-eq-visualizer .eq-bar:nth-child(2){animation-duration:.7s;animation-delay:.3s}.spotify-eq-visualizer .eq-bar:nth-child(3){animation-duration:.4s;animation-delay:0s}.spotify-eq-visualizer .eq-bar:nth-child(4){animation-duration:.6s;animation-delay:.2s}.spotify-eq-visualizer .eq-bar:nth-child(5){animation-duration:.8s;animation-delay:.4s}.spotify-player-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;line-height:1.3;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem;letter-spacing:-.015em}.spotify-player-artist{font-family:var(--font-sans);font-size:.85rem;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.2rem}.spotify-player-album{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.8rem;letter-spacing:-.01em}.spotify-timeline{display:flex;align-items:center;gap:.5rem;font-size:.68rem;font-family:var(--font-mono);color:var(--text-muted);width:100%}.spotify-progress-line-bg{flex-grow:1;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.spotify-progress-line-fill{height:100%;background:#1ed760;border-radius:2px;transition:width .1s linear;box-shadow:0 0 8px #1ed76066}.vscode-container{display:flex;flex-direction:column;height:100%;z-index:2;position:relative;gap:1rem;width:100%}.vscode-header-row{display:flex;align-items:center;gap:.8rem;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:.8rem}.vscode-icon-wrapper{width:36px;height:36px;border-radius:8px;background:#0771fc0f;border:1px dashed rgba(7,113,252,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-blue);flex-shrink:0}.vscode-card-icon{width:18px;height:18px}.vscode-status-info{display:flex;flex-direction:column;gap:.15rem}.vscode-status-badge{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:700;color:var(--text-primary)}.vscode-status-dot{width:7px;height:7px;border-radius:50%}.vscode-status-dot.active{background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);animation:pulseDot 2s infinite alternate}.vscode-status-dot.idle{background:#888}@keyframes pulseDot{0%{transform:scale(1);opacity:.7}to{transform:scale(1.3);opacity:1}}.vscode-last-active{font-size:.65rem;color:var(--text-muted);font-family:var(--font-mono)}.vscode-content{display:flex;flex-direction:column;gap:.6rem}.vscode-item{display:flex;flex-direction:column;gap:.1rem}.vscode-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase}.vscode-value{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.vscode-value.highlight-file{color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-card:hover .vscode-value.highlight-file{color:var(--accent-blue)}.font-mono{font-family:var(--font-mono)}.vscode-lines-visual{display:flex;flex-direction:column;gap:4px;margin-top:.5rem;opacity:.35;transition:opacity var(--transition-normal)}.vscode-card:hover .vscode-lines-visual{opacity:.7}.vscode-visual-line{height:3px;background:#0771fc66;border-radius:2px}.vscode-visual-line.line-1{animation:codeLineType1 4s infinite alternate}.vscode-visual-line.line-2{animation:codeLineType2 6s infinite alternate}.vscode-visual-line.line-3{animation:codeLineType3 5s infinite alternate}@keyframes codeLineType1{0%{width:20%}to{width:50%}}@keyframes codeLineType2{0%{width:45%}to{width:85%}}@keyframes codeLineType3{0%{width:30%}to{width:65%}}@media(max-width:1024px){.status-grid{grid-template-columns:1fr;gap:1.2rem}.status-card{min-height:auto}}@media(max-width:480px){.spotify-player-container{flex-direction:column;align-items:flex-start;gap:1.2rem}.spotify-disc-wrapper{margin:0 auto}.spotify-player-details{width:100%}}.status-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-muted);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.status-header-icon{width:14px;height:14px}.status-header-icon.spotify-green{color:#1ed760}.status-header-icon.vscode-blue{color:var(--accent-blue)}.status-header-text{font-weight:600}.vscode-container{display:flex;flex-direction:column;height:100%;justify-content:center;flex-grow:1}.vscode-active-row{display:flex;align-items:center;gap:1.25rem;width:100%}.vscode-icon-wrapper-large{position:relative;width:92px;height:92px;border-radius:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:all var(--transition-normal);overflow:visible}.vscode-icon-wrapper-large.active{background:#0771fc0a;border-color:#0771fc33;color:var(--accent-blue);box-shadow:0 0 15px #0771fc14}.vscode-card-icon-large{width:32px;height:32px;position:relative;z-index:1}.vscode-player-details{display:flex;flex-direction:column;justify-content:center;min-width:0}.vscode-active-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;letter-spacing:-.015em}.vscode-active-subtitle{font-family:var(--font-sans);font-size:.85rem;font-weight:400;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.5rem}.vscode-info-project{font-size:.78rem;color:var(--text-secondary);margin-bottom:.18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vscode-info-label{color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono)}.vscode-info-value{font-weight:600;color:var(--text-secondary)}.vscode-info-file{font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);letter-spacing:-.01em}.vscode-last-active-text{font-family:var(--font-mono);font-size:.68rem;font-weight:400;color:var(--text-muted);margin-top:.2rem;letter-spacing:-.01em}.spotify-placeholder-art-wrapper{position:relative;width:92px;height:92px;border-radius:16px;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:all var(--transition-normal);overflow:visible}.spotify-card:hover .spotify-placeholder-art-wrapper{border-color:#1ed76040;color:#1ed760;background:#1ed76005}.vscode-card:hover .vscode-icon-wrapper-large{border-color:#0771fc40;color:var(--accent-blue);background:#0771fc05}.spotify-placeholder-art-icon{width:36px;height:36px;position:relative;z-index:1}.spotify-placeholder-art-wrapper:before,.vscode-icon-wrapper-large:before,.spotify-disc-wrapper:before{content:"";position:absolute;top:50%;left:50%;width:48px;height:48px;margin-top:-24px;margin-left:-24px;border-radius:50%;border:1.5px solid rgba(255,255,255,.06);pointer-events:none;z-index:0;animation:widgetCirclePulse 4s cubic-bezier(.215,.61,.355,1) infinite}.spotify-placeholder-art-wrapper:after,.vscode-icon-wrapper-large:after,.spotify-disc-wrapper:after{content:"";position:absolute;top:50%;left:50%;width:68px;height:68px;margin-top:-34px;margin-left:-34px;border-radius:50%;border:1px dashed rgba(255,255,255,.04);pointer-events:none;z-index:0;animation:widgetCircleSpin 20s linear infinite}.vscode-icon-wrapper-large:before{animation-delay:2s}.spotify-disc-wrapper:before{border-color:#1ed7601a;animation-duration:3s}.spotify-card:hover .spotify-placeholder-art-wrapper:before{border-color:#1ed76038}.spotify-card:hover .spotify-placeholder-art-wrapper:after{border-color:#1ed7601a}.vscode-card:hover .vscode-icon-wrapper-large:before{border-color:#0771fc38}.vscode-card:hover .vscode-icon-wrapper-large:after{border-color:#0771fc1a}@keyframes widgetCirclePulse{0%{transform:scale(.6);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes widgetCircleSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-date-widget,.header-clock-widget{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:#ffffff05;border:1px solid rgba(255,255,255,.05);padding:6px 12px;border-radius:9999px;transition:all var(--transition-fast);cursor:default}.header-date-widget:hover,.header-clock-widget:hover{background:#0771fc14;border-color:#0771fc4d;color:var(--text-primary);box-shadow:0 0 10px #0771fc26}.header-widget-icon{width:14px;height:14px;color:var(--accent-blue);flex-shrink:0}.header-separator{color:#ffffff1f;font-weight:300;font-size:.9rem;pointer-events:none}.header-date-text,.header-clock-text{font-weight:500;letter-spacing:-.01em}.timezone-label{opacity:.5;font-size:.7rem;margin-left:2px}.contact-grid{display:flex;flex-direction:column;gap:1.25rem;max-width:680px;width:100%;margin:2rem auto 0;perspective:1000px}.contact-grid-card{position:relative;background:#1d1d1d59;border:1px dashed rgba(255,255,255,.06);padding:1.25rem 2rem;border-radius:18px;display:flex;align-items:center;gap:1.5rem;overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000040}.card-glass-glow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:radial-gradient(150px circle at var(--x, 50%) var(--y, 50%),rgba(7,113,252,.08),transparent 100%);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);border-radius:18px;z-index:1}.contact-grid-card:hover .card-glass-glow{opacity:1}.contact-grid-card:hover{border-color:#0771fc59;background:#1d1d1d73;box-shadow:0 12px 40px #00000073,0 0 25px #0771fc26,inset 0 0 12px #0771fc0d}.card-icon-circle{width:48px;height:48px;border-radius:12px;background:#ffffff05;border:1px dashed rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:2;transform:translateZ(20px)}.contact-card-icon{width:22px;height:22px;color:var(--text-secondary);transition:color var(--transition-normal),transform var(--transition-normal)}.contact-grid-card:hover .contact-card-icon{transform:scale(1.1);color:#fff}.contact-grid-card:hover .telegram-color{background:#00e5ff1a;border-color:#00e5ff;box-shadow:0 0 15px #00e5ff33}.contact-grid-card:hover .telegram-color .contact-card-icon{color:#00e5ff}.contact-grid-card:hover .github-color{background:#0771fc1a;border-color:var(--accent-blue);box-shadow:0 0 15px #0771fc40}.contact-grid-card:hover .github-color .contact-card-icon{color:var(--accent-blue)}.card-info{display:flex;flex-direction:column;gap:.15rem;z-index:2;transform:translateZ(15px)}.card-label{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:1.1rem;font-weight:700;color:var(--text-secondary);transition:color var(--transition-fast)}.contact-grid-card:hover .card-value{color:var(--text-primary)}