:root{--bg-main:#1e1e1e;--accent-lime:#a4ff00;--accent-pink:#ff6b8b;--highlight-purple:#b388eb;--text-primary:#e0e0e0;--text-secondary:#a0a0a0;--border-color:#444;--bg-card:#1e1e1eb3;--bg-card-hover:#2d2d2dcc}body{background-color:var(--bg-main);color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 30%,#a4ff000d,#0000 40%),radial-gradient(circle at 80% 70%,#ff6b8b0d,#0000 40%),radial-gradient(circle,#b388eb08,#0000 30%);width:100%;height:100%;animation:15s ease-in-out infinite subtle-pulse;position:fixed;top:0;left:0}@keyframes subtle-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.font-mono,.font-fira{font-family:Fira Code,monospace}h1,h2,h3,.font-fira{word-break:break-word;hyphens:auto;font-family:Fira Code,monospace}h1{overflow-wrap:break-word}.btn-code{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;text-align:center;background-color:#ffffff0d;border-radius:.5rem;justify-content:center;align-items:center;padding:.75rem 1rem;font-family:Fira Code,monospace;line-height:1.3;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.btn-code:before{content:"";background-color:var(--accent-lime);z-index:0;opacity:.8;width:0;height:100%;transition:width .4s ease-out;position:absolute;top:0;left:0}.btn-code span,.btn-code i,.btn-code img{z-index:1;position:relative}.btn-code:hover:before{width:100%}.btn-code:hover{border-color:var(--accent-lime);box-shadow:0 0 15px #a4ff004d;color:var(--bg-main)!important}.btn-code-primary{background-color:var(--accent-lime);border-color:var(--accent-lime);font-weight:700;color:var(--bg-main)!important}.btn-code-primary:before{background-color:var(--accent-pink)}.btn-code-primary:hover{border-color:var(--accent-pink);box-shadow:0 0 15px #ff6b8b66;color:var(--bg-main)!important}.btn-code-alt{border-color:var(--border-color);background-color:#ffffff0d;color:var(--accent-pink)!important}.btn-code-alt:before{background-color:var(--accent-pink);opacity:.8}.btn-code-alt:hover{border-color:var(--accent-pink);box-shadow:0 0 15px #ff6b8b4d;color:var(--bg-main)!important}.card-module{background-color:var(--bg-card);border:1px solid var(--border-color);backdrop-filter:blur(5px);border-radius:.75rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .3s;display:flex;position:relative}.card-module:after{content:"";background-color:var(--accent-lime);opacity:0;width:8px;height:1.2em;transition:opacity .3s;animation:1s infinite blink;position:absolute;top:1rem;right:1rem}.card-module:hover{border-color:var(--accent-lime);background-color:var(--bg-card-hover);transform:translateY(-5px);box-shadow:0 10px 20px #0000004d,0 0 15px #a4ff001a}.card-module:hover:after{opacity:1}.card-module-highlight{border-color:var(--accent-lime);box-shadow:0 0 25px #a4ff0033}.card-module-highlight:after{opacity:1}.card-module-highlight:hover{box-shadow:0 10px 30px #0006,0 0 30px #a4ff004d}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glitch-shadow-hover:hover{text-shadow:1px 1px 0 var(--accent-pink), -1px -1px 0 var(--accent-lime);transition:text-shadow 50ms ease-in-out}.typewriter-cursor:after{content:"_";background-color:var(--accent-lime);color:var(--bg-main);margin-left:2px;font-weight:700;animation:1s infinite blink;display:inline-block}.text-gradient-lime-pink{background:linear-gradient(90deg, var(--accent-lime), var(--accent-pink));-webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text}.text-gradient-lime-purple{background:linear-gradient(90deg, var(--accent-lime), var(--highlight-purple));-webkit-text-fill-color:transparent;text-fill-color:transparent;background-clip:text}.data-flow-viz{perspective:600px;width:100%;height:200px;position:relative;overflow:hidden}.data-flow-viz .flow-node{text-align:center;width:80px;font-size:.8rem;line-height:1.2;position:absolute}.data-flow-viz .flow-node i{margin-bottom:.25rem;font-size:2rem;display:block}.data-flow-viz .node-dev{color:var(--accent-lime);top:30%;left:15%;transform:translateZ(20px)}.data-flow-viz .node-ai{color:var(--accent-pink);top:30%;right:15%;transform:translateZ(-30px)}.data-flow-viz .node-code{color:var(--highlight-purple);bottom:15%;left:50%;transform:translate(-50%)translateZ(0)}.data-flow-viz .particle{opacity:0;width:4px;height:4px;transform-style:preserve-3d;border-radius:50%;animation:3s linear infinite flow;position:absolute}.data-flow-viz .particle.lime{background-color:var(--accent-lime);box-shadow:0 0 5px var(--accent-lime)}.data-flow-viz .particle.pink{background-color:var(--accent-pink);box-shadow:0 0 5px var(--accent-pink)}.data-flow-viz .particle.purple{background-color:var(--highlight-purple);box-shadow:0 0 5px var(--highlight-purple)}@keyframes flow{0%{transform:translate3d(var(--x-start), var(--y-start), var(--z-start));opacity:0}10%,20%{opacity:1}80%,90%{opacity:1}to{transform:translate3d(var(--x-end), var(--y-end), var(--z-end));opacity:0}}.ide-tree ul{margin-top:.5rem;padding-left:1.5rem}.ide-tree li{word-break:break-word;margin-bottom:.3rem;position:relative}.ide-tree .folder:before{content:"";color:var(--highlight-purple);vertical-align:middle;width:1em;margin-right:.75rem;font-family:"Font Awesome 6 Free";font-size:.9em;font-weight:900;display:inline-block}.ide-tree .file:before{content:"";color:var(--accent-lime);vertical-align:middle;width:1em;margin-right:.75rem;font-family:"Font Awesome 6 Free";font-size:.9em;font-weight:400;display:inline-block}.ide-tree span{color:var(--text-secondary);cursor:default;vertical-align:middle;font-family:Fira Code,monospace;font-size:.9rem;line-height:1.4;display:inline-block}.ide-tree span:hover{color:var(--text-primary)}.scroll-fade-in{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(30px)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}