@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0a0a0a;--bg-card: #171717;--text-main: #ededed;--text-muted: #a1a1aa;--accent: #00f2ea;--accent-secondary: #ff0055;--glow: rgba(0, 242, 234, .15);--border: rgba(255, 255, 255, .1);--font-main: "Space Grotesk", sans-serif;--font-code: "Fira Code", monospace}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#000}:root{--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code: "Fira Code", "Consolas", monospace;--bg-primary: #0a0a0a;--bg-secondary: #121212;--bg-card: #1a1a1a;--text-main: #f0f0f0;--text-muted: #a0a0a0;--accent: #00f2ea;--accent-bright: #00ffff;--accent-purple: #d946ef;--accent-pink: #ec4899;--border: #2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-main);font-family:var(--font-main)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100vh;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:30px 30px;z-index:-2;pointer-events:none}.bg-glow{position:fixed;top:-20%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#00f2ea26,#0000 70%);filter:blur(80px);z-index:-1;animation:pulseGlow 10s ease-in-out infinite alternate}@keyframes pulseGlow{0%{transform:translate(0);opacity:.5}to{transform:translate(20px,20px);opacity:.8}}.app{min-height:100vh;padding-top:80px;background:var(--bg-primary);color:var(--text-main)}.nav{position:fixed;top:0;width:100%;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-code);font-weight:700;font-size:1.2rem;color:var(--text-main)}.logo-icon{color:var(--accent)}.blink{animation:blink 1s infinite}@keyframes blink{50%{opacity:0}}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.9rem;transition:.3s;font-family:var(--font-code)}.nav-link:hover{color:var(--accent)}.hash{color:var(--accent);margin-right:2px}.nav-btn{padding:.6rem 1.2rem;background:transparent;border:1px solid var(--accent);color:var(--accent);text-decoration:none;border-radius:4px;font-size:.9rem;font-family:var(--font-code);transition:.3s}.nav-btn:hover{background:#00f2ea1a;box-shadow:0 0 15px #00f2ea4d}.nav-btn-glow{position:relative;overflow:hidden}.nav-btn-glow:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,242,234,.4),transparent);transition:left .5s}.nav-btn-glow:hover:before{left:100%}.hero{min-height:90vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(0,242,234,.08) 0%,transparent 70%);border-radius:50%;animation:heroGlow 8s ease-in-out infinite alternate;pointer-events:none}@keyframes heroGlow{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.hero-text-container{max-width:850px;margin:0 auto;position:relative;z-index:1}.code-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;background:#00f2ea14;border-radius:30px;border:1px solid rgba(0,242,234,.3);font-size:.85rem;font-family:var(--font-code);color:var(--accent);margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #00f2ea1a}.code-badge-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.animated-badge{animation:badgeFloat 4s ease-in-out infinite}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glitch-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-2px;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#00f2ea,#d946ef);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(90deg,#00f2ea,#d946ef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-desc{font-size:1.1rem;color:var(--text-muted);line-height:1.7;max-width:700px;margin:0 auto 2.5rem;text-align:center}.text-white{color:#fff;font-weight:600}.code-highlight{font-family:var(--font-code);color:var(--accent);background:#00f2ea14;padding:2px 6px;border-radius:4px;font-size:.9em}.cta-group{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.primary-btn{padding:1rem 2.5rem;background:var(--text-main);color:#000;text-decoration:none;font-weight:700;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:.7rem;font-size:1rem;box-shadow:0 4px 20px #00f2ea26}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #00f2ea59}.primary-btn-glow{position:relative;overflow:hidden;background:linear-gradient(135deg,#00f2ea,#0ff,#00f2ea);background-size:200% 200%;color:#000;animation:buttonGradient 3s ease infinite}@keyframes buttonGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.primary-btn-glow:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff6;transition:left .6s}.primary-btn-glow:hover:after{left:100%}.btn-icon{font-size:1.1rem}.social-row{display:flex;gap:1.5rem}.social-row a{color:var(--text-muted);font-size:1.6rem;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.6rem;border-radius:8px;background:#ffffff05;border:1px solid transparent}.social-row a:hover{color:var(--accent);transform:translateY(-5px) scale(1.1);background:#00f2ea1a;border-color:#00f2ea4d;box-shadow:0 8px 20px #00f2ea33}.tech-section{max-width:1200px;margin:6rem auto;padding:0 2rem}.section-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem}.section-title{font-size:1.8rem;color:var(--text-main);font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:.7rem}.section-title .hash{font-size:1.5rem;font-weight:400}.line{height:2px;background:linear-gradient(90deg,var(--accent),transparent);flex-grow:1;max-width:300px;opacity:.3}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.tech-card{background:#1a1a1a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .4s}.tech-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,242,234,.03) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.tech-card:hover{border-color:#00f2ea4d;background:#1a1a1acc;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 30px #00f2ea1a}.tech-card:hover:before{opacity:1}.tech-card:hover:after{opacity:1}.tech-card-frontend{border-left:3px solid transparent;background:linear-gradient(135deg,#61dafb0d,#1a1a1a99 50%)}.tech-card-frontend:hover{border-left-color:#61dafb;box-shadow:0 20px 40px #0006,-5px 0 30px #61dafb33}.tech-card-backend{border-left:3px solid transparent;background:linear-gradient(135deg,#a78bfa0d,#1a1a1a99 50%)}.tech-card-backend:hover{border-left-color:#a78bfa;box-shadow:0 20px 40px #0006,-5px 0 30px #a78bfa33}.tech-card-infra{border-left:3px solid transparent;background:linear-gradient(135deg,#34d3990d,#1a1a1a99 50%)}.tech-card-infra:hover{border-left-color:#34d399;box-shadow:0 20px 40px #0006,-5px 0 30px #34d39933}.tech-card-devops{border-left:3px solid transparent;background:linear-gradient(135deg,#f59e0b0d,#1a1a1a99 50%)}.tech-card-devops:hover{border-left-color:#f59e0b;box-shadow:0 20px 40px #0006,-5px 0 30px #f59e0b33}.tech-card-header{font-family:var(--font-code);font-size:1.05rem;color:var(--text-main);margin-bottom:.5rem;display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:-.5px}.card-icon{font-size:1.4rem;color:var(--accent);transition:transform .3s}.tech-card:hover .card-icon{transform:scale(1.1) rotate(5deg)}.tech-description{font-size:.85rem;color:var(--text-muted);margin-bottom:1.5rem;font-style:normal;opacity:.8;line-height:1.4}.icons-container{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:.6rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-muted);position:relative}.icon-wrapper:before{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-5px);background:#000000e6;color:var(--accent);padding:.4rem .7rem;border-radius:6px;font-size:.75rem;font-family:var(--font-code);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s;border:1px solid rgba(0,242,234,.3)}.icon-wrapper:hover:before{opacity:1;transform:translate(-50%) translateY(-10px)}.icon-wrapper:hover{background:#00f2ea1a;border-color:#00f2ea4d;color:var(--accent);transform:translateY(-5px) scale(1.1);box-shadow:0 8px 20px #00f2ea26}.icon-wrapper svg{font-size:1.8rem;transition:all .3s}.icon-wrapper:hover svg{filter:drop-shadow(0 0 8px currentColor)}.footer{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-family:var(--font-code);font-size:.85rem;border-top:1px solid var(--border);margin-top:6rem}.footer-content{max-width:600px;margin:0 auto}.footer p{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:.5rem}.footer-meta{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.75rem;opacity:.6}.dot{color:var(--accent)}.heart{color:var(--accent-pink);animation:heartBeat 1.2s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}25%{transform:scale(1.15)}}.code-demo-section{padding:6rem 2rem;margin:4rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.section-label{color:var(--accent);font-family:var(--font-code);font-size:.9rem;margin-bottom:1rem;opacity:.7}@media(max-width:1024px){.hero{min-height:75vh;padding:2rem 1.5rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media(max-width:768px){.app{padding-top:70px}.glitch-title{font-size:2.2rem;line-height:1.2}.nav{padding:1rem}.nav-links{display:none}.tech-grid{grid-template-columns:1fr;gap:1.5rem}.hero-desc{font-size:1rem;line-height:1.6}.code-demo-section{padding:3rem 1rem}.hero{min-height:70vh;padding:2rem 1rem}.hero-text-container{max-width:100%}.primary-btn{font-size:.95rem;padding:.9rem 1.8rem}.cta-group{gap:1.2rem}}@media(max-width:480px){.glitch-title{font-size:1.8rem}.primary-btn{padding:.8rem 1.5rem;font-size:.9rem}.hero-desc{font-size:.95rem}.code-badge{font-size:.75rem;padding:5px 10px}.social-row a{font-size:1.3rem}.hero{min-height:60vh;padding:1.5rem 1rem}}@media(min-width:1400px){.hero-text-container{max-width:900px}.glitch-title{font-size:5rem}.hero-desc{font-size:1.2rem}}.editor-container{display:flex;justify-content:center;padding:4rem 1rem;background:linear-gradient(180deg,#1e1e1e00,#1e1e1e4d)}.editor-window{width:100%;max-width:1100px;background:#1e1e1e;border:1px solid #3e3e42;border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 20px #3178c61a;font-family:Fira Code,Consolas,monospace;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;height:650px}.editor-window:hover{border-color:#555;box-shadow:0 12px 40px #0009,0 0 25px #3178c626}.editor-header{background:#252526;border-bottom:1px solid #3e3e42;padding:0;display:flex;justify-content:space-between;align-items:center}.editor-tabs{display:flex;overflow-x:auto;flex:1}.tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#2d2d30;border-bottom:2px solid transparent;cursor:pointer;color:#969696;font-size:.9rem;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.tab.active{background:#1e1e1e;color:#d4d4d4;border-bottom-width:2px}.tab svg{width:16px;height:16px}.editor-controls{display:flex;align-items:center;gap:12px;padding:8px 16px;border-left:1px solid #3e3e42}.speed-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#858585}.speed-control label{font-weight:600;text-transform:uppercase;letter-spacing:.5px}.speed-control input[type=range]{width:80px;height:4px;cursor:pointer;accent-color:#0e639c}.speed-label{font-size:10px;color:#6a9955;font-weight:600;min-width:40px}.control-btn{background:#2d2d30;border:1px solid #3e3e42;color:#d4d4d4;padding:6px 10px;cursor:pointer;border-radius:4px;font-size:12px;display:flex;align-items:center;gap:6px;transition:all .2s ease;font-weight:500}.control-btn:hover{background:#3e3e42;border-color:#555}.control-btn:active{background:#464646}.copy-btn,.download-btn{font-size:11px;padding:6px 8px}.copy-btn span{transition:all .2s ease}.copy-btn span.copied{color:#4ec9b0;font-weight:700}.editor-body{display:grid;grid-template-columns:auto 1fr 1fr;background:#1e1e1e;flex:1;gap:0;overflow:hidden;border-bottom:none}.line-numbers{display:flex;flex-direction:column;background:#252526;border-right:1px solid #3e3e42;padding:16px 0;text-align:right;-webkit-user-select:none;user-select:none;min-width:50px;height:100%;overflow-y:auto;flex-shrink:0}.line-number{color:#858585;padding:0 16px;height:24px;display:flex;align-items:center;font-size:13px}.editor-content{flex:1;padding:16px;overflow-y:auto;background:#1e1e1e;height:100%;min-height:0;border-right:1px solid #3e3e42}.editor-line{height:24px;display:flex;align-items:center;font-family:Fira Code,monospace;letter-spacing:.5px;white-space:pre-wrap;word-break:break-all;color:#d4d4d4;font-size:13px;transition:background-color .2s ease;padding-left:2px}.editor-line:hover{background-color:#ffffff0d}.typing-line{opacity:.9}.blinking-cursor{display:inline-block;width:2px;height:18px;background:#d4d4d4;margin:0 2px;animation:blink 1s infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:0}}.editor-right{display:flex;align-items:center;justify-content:center;padding:20px;background:#1e1e1e;height:100%;overflow:hidden}.output-terminal{display:flex;flex-direction:column;width:100%;height:100%;background:#1e1e1e;border-left:1px solid #3e3e42;overflow:hidden;flex-shrink:0}.terminal-header-output{background:#2d2d30;border-bottom:1px solid #3e3e42;padding:8px 12px;font-size:12px;color:#858585;text-transform:uppercase;letter-spacing:1px;font-weight:600;flex-shrink:0}.terminal-title{display:flex;align-items:center;gap:6px}.execution-time{margin-left:auto;color:#6a9955;font-size:11px;font-weight:600;padding-right:8px}.terminal-output{flex:1;overflow-y:auto;padding:16px;font-family:Fira Code,monospace;font-size:12px;line-height:1.8}.json-output{font-size:12px;line-height:1.6;font-family:Fira Code,monospace}.json-item{display:flex;flex-wrap:wrap;gap:0;margin:2px 0}.json-indent{margin-left:20px}.json-key{color:#9cdcfe;font-weight:500}.json-colon{color:#d4d4d4;margin:0 3px}.json-string{color:#ce9178}.json-bracket{color:#d4d4d4;font-weight:700}.json-comma{color:#d4d4d4}.json-number{color:#b5cea8}.json-boolean{color:#569cd6}.status-bar{background:#252526;border-top:1px solid #3e3e42;padding:4px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#858585;height:24px;flex-shrink:0}.status-item{display:flex;align-items:center;gap:6px}.status-right{margin-left:auto}.status-label{font-weight:500;transition:color .2s ease}.status-label:hover{color:#d4d4d4;cursor:default}.status-sep{color:#464646;margin:0 4px}.language-tag{background:#0e639c;color:#d4d4d4;padding:2px 8px;border-radius:3px;font-weight:600;font-size:10px;letter-spacing:.5px}.status-center{flex:1;display:flex;justify-content:center}.editor-content::-webkit-scrollbar,.output-content::-webkit-scrollbar{width:12px}.editor-content::-webkit-scrollbar-track,.output-content::-webkit-scrollbar-track{background:transparent}.editor-content::-webkit-scrollbar-thumb,.output-content::-webkit-scrollbar-thumb{background:#464646;border-radius:6px}.editor-content::-webkit-scrollbar-thumb:hover,.output-content::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media(max-width:1200px){.editor-window{max-width:95%;height:auto}.editor-body{height:auto;min-height:380px}}@media(max-width:900px){.editor-window{max-width:100%;height:auto}.editor-body{grid-template-columns:auto 1fr;height:auto;min-height:300px}.line-numbers{border-right:1px solid #3e3e42;height:auto}.output-terminal{border-left:1px solid #3e3e42;border-top:none;height:auto;min-height:250px}.editor-controls{flex-wrap:wrap;gap:8px;padding:8px 12px}.speed-control{order:3;width:100%}}@media(max-width:600px){.editor-container{padding:2rem .5rem}.editor-body{grid-template-columns:auto 1fr;height:auto;min-height:400px}.terminal-output{font-size:11px}.status-bar{flex-direction:column;gap:4px;height:auto;padding:6px 8px}.status-item{justify-content:space-between;width:100%}.status-right{margin-left:0}.status-center{order:3;width:100%;padding-top:4px;border-top:1px solid #3e3e42}}