:root{--bg-dark: #030712;--neon-blue: #00f2fe;--neon-purple: #7000ff;--cyber-cyan: #00f5ff;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1)}body{font-family:Plus Jakarta Sans,sans-serif;color:#e2e8f0;overflow-x:hidden;scroll-behavior:smooth}.code-font{font-family:Fira Code,monospace}.neon-blob{position:absolute;width:400px;height:400px;right:-5%}.neon-bg-wrapper{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.neon-blob{position:absolute;width:400px;height:400px;filter:blur(120px);opacity:.15;border-radius:50%}.blob-right{top:10%;right:-50px;background:linear-gradient(135deg,var(--neon-blue),var(--neon-purple))}.blob-left{bottom:10%;left:-150px;background:var(--neon-purple)}.gradient-text{background:linear-gradient(45deg,var(--neon-blue),#4facfe,var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.navbar{background:#030712cc!important;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);transition:all .4s ease}.cyber-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:20px;transition:all .3s ease}.cyber-card:hover{border-color:var(--neon-blue);box-shadow:0 0 20px #00f2fe33;transform:translateY(-3px)}.cyber-input{background:#ffffff0d;border:1px solid var(--glass-border);color:#fff!important;padding:12px 16px;border-radius:12px;transition:all .3s}.cyber-input option{background-color:#030712!important;color:#fff!important}.cyber-input:focus{background-color:#ffffff1a!important;border-color:var(--neon-blue)!important;box-shadow:0 0 15px #00f2fe66!important;color:#fff!important;outline:none}.btn-neon{background:transparent;border:1px solid var(--neon-blue);color:var(--neon-blue);border-radius:50px;padding:12px 30px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 10px #00f2fe1a}.btn-neon:hover{background:var(--neon-blue);color:var(--bg-dark);box-shadow:0 0 25px #00f2fe80}.hero-section{padding:180px 0 100px;position:relative}.hero-title{font-size:calc(2.5rem + 3vw);line-height:1;margin-bottom:1.5rem}.cyber-terminal{background:#0a0a0f;border:1px solid var(--neon-purple);border-radius:15px;padding:25px;box-shadow:0 0 30px #7000ff26}.chart-wrapper{position:relative;height:300px;width:100%}.skill-node{background:#ffffff05;border-left:3px solid var(--neon-blue);padding:15px;border-radius:0 10px 10px 0;transition:all .2s}.skill-node:hover{background:#00f2fe0d;border-left-color:var(--neon-cyan);padding-left:20px}.project-glow-row{background:linear-gradient(90deg,#ffffff05,#fff0);border:1px solid var(--glass-border);border-radius:20px;padding:40px;margin-bottom:2rem;transition:border-color .3s}.project-glow-row:hover{border-color:var(--neon-purple)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:10px}.pulse-dot{width:8px;height:8px;background-color:var(--neon-blue);border-radius:50%;display:inline-block;box-shadow:0 0 10px var(--neon-blue);animation:cyber-pulse 2s infinite ease-in-out}@keyframes cyber-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--neon-blue)}50%{opacity:.4;transform:scale(1.3);box-shadow:0 0 20px var(--neon-blue)}}.status-badge{padding:5px 12px;font-size:.65rem;border-radius:50px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.status-dev{background:#ffc1071a;color:#ffc107;border:1px solid #ffc107}.status-live{background:#00f2fe1a;color:var(--neon-blue);border:1px solid var(--neon-blue);box-shadow:0 0 10px #00f2fe66}.tech-pill{background:#ffffff0d;border:1px solid var(--glass-border);padding:4px 10px;font-size:.65rem;border-radius:20px;color:#cbd5e1}.progress-neon{background:var(--neon-blue);box-shadow:0 0 12px var(--neon-blue)}.green-blink{width:10px;height:10px;background-color:#00ff6a;border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 8px #00ff6a;animation:greenPulse 1.5s infinite ease-in-out}.yellow-blink{width:10px;height:10px;background-color:#ffeb3b;border-radius:50%;display:inline-block;margin-right:6px;box-shadow:0 0 8px #ffeb3b;animation:yellowPulse 1.5s infinite ease-in-out}@keyframes yellowPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 8px #ffeb3b}50%{opacity:.3;transform:scale(1.4);box-shadow:0 0 18px #ffeb3b}to{opacity:1;transform:scale(1);box-shadow:0 0 8px #ffeb3b}}@keyframes greenPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 8px #00ff6a}50%{opacity:.3;transform:scale(1.4);box-shadow:0 0 18px #00ff6a}to{opacity:1;transform:scale(1);box-shadow:0 0 8px #00ff6a}}.architect-bg-base{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;background-color:var(--bg-dark);overflow:hidden}.architect-bg-base:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(17,24,39,.4) 0%,transparent 70%);z-index:0}.architect-bg-pattern{position:absolute;width:100%;height:100%;background-image:linear-gradient(rgb(0 242 255 / 27%) 1px,transparent 1px),linear-gradient(90deg,rgb(0 242 255 / 27%) 1px,transparent 1px);background-size:50px 50px;background-position:center;z-index:1;-webkit-mask-image:radial-gradient(circle at center,black 40%,rgba(0,0,0,.3) 80%,transparent 100%);mask-image:radial-gradient(circle at center,black 40%,rgba(0,0,0,.3) 80%,transparent 100%)}@keyframes grid-pulse{0%,to{opacity:.15}50%{opacity:.3}}.architect-bg-pattern{animation:grid-pulse 4s ease-in-out infinite}