.hero-banner,.welcome-screen{min-height:100vh;box-sizing:border-box}.btn,.social-card{text-decoration:none}body{background-color:#0d0d0d;color:#e0e0e0;font-family:'Courier New',Courier,monospace;margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth}.card-icon,.icon,.skill-icon,.social-icon,.title-icon{display:inline-block;width:18 height: 18px;vertical-align:middle;color:#0f8}.title-icon{width:26px;height:26px;margin-right:12px}.welcome-screen{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;background:radial-gradient(circle at center,#111 0,#0d0d0d 100%);border-bottom:1px solid #161616}.welcome-card{background:#141414;border:1px solid #222;padding:60px 40px;border-radius:12px;max-width:900px;width:100%;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.5);position:relative;overflow:hidden}.welcome-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0f8,#0a5,#0f8)}.welcome-tag{font-size:.85rem;color:#0f8;text-transform:uppercase;letter-spacing:5px;margin-bottom:20px;display:block}.welcome-card h0{font-size:3.5rem;color:#fff;margin:0 0 20px;letter-spacing:-1px;line-height:1.1;font-weight:900}.completed .node-badge svg,.project-card:hover .card-icon,.skill-category:hover .skill-icon,.social-card:hover .social-icon,.text-green,.welcome-card h0 span{color:#0f8}.welcome-desc{font-size:1.1rem;color:#888;line-height:1.8;max-width:700px;margin:0 auto 40px}.welcome-hint{font-size:.85rem;color:#444;display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:2px;animation:2s infinite bounceHint}@keyframes bounceHint{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.hero-banner{display:flex;justify-content:center;align-items:center;border-bottom:1px solid #161616;padding:100px 20px}.profile-container{text-align:center;max-width:600px;width:100%}.avatar-wrapper{position:relative;display:inline-block;margin-bottom:25px}.profile-img{width:140px;height:140px;border-radius:50%;filter:grayscale(100%);border:2px solid #252525;transition:.6s cubic-bezier(.16, 1, .3, 1);object-fit:cover}.profile-container:hover .profile-img{filter:grayscale(0%);border-color:#0f8;box-shadow:0 0 30px rgba(0,255,136,.25);transform:scale(1.05)}.status-badge{position:absolute;bottom:10px;right:10px;width:16px;height:16px;background:#0f8;border-radius:50%;border:3px solid #0d0d0d}.bio,.project-card,.skill-category{background:#141414}h1{font-size:3rem;letter-spacing:4px;margin:10px 0 5px;color:#fff;font-weight:800}.tagline{color:#0f8;font-weight:700;font-size:1.2rem;margin-top:0;letter-spacing:2px}.bio{margin-top:35px;text-align:left;padding:35px;border-radius:8px;border:1px solid #222;box-shadow:0 10px 30px rgba(0,0,0,.3)}.about-me{line-height:1.8;color:#b5b5b5;font-size:1rem;margin-top:0}.separator{border:0;border-top:1px dashed #262626;margin:25px 0}.bio-details p{margin:16px 0;font-size:.95rem;display:flex;align-items:center;gap:12px;color:#a0a0a0}.bio-details strong{color:#fff;min-width:140px;display:inline-block}.status{color:#fa0;font-weight:700}.skills-container{max-width:850px;margin:0 auto;padding:120px 20px 60px}.section-title{font-size:2rem;margin-bottom:50px;color:#fff;display:flex;align-items:center;border-bottom:1px solid #161616;padding-bottom:15px;letter-spacing:1px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.skill-category{padding:30px;border:1px solid #222;border-radius:8px;transition:.4s}.skill-category:hover{border-color:#0f8;transform:translateY(-2px);background:#161616}.skill-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #222;padding-bottom:10px;margin-bottom:15px}.skill-category h3{color:#fff;margin:0;font-size:1.2rem;letter-spacing:1px}.skill-icon,.social-icon{width:22px;height:22px;color:#444;transition:color .3s}.skill-category p{color:#959595;font-size:.9rem;line-height:1.6;margin-bottom:0}.console-container,.contact-container,.projects-container,.socials-container,.stats-container{max-width:850px;margin:0 auto;padding:80px 20px}.project-card{border:1px solid #222;padding:40px;margin-bottom:220px;border-radius:8px;transition:.4s cubic-bezier(.16, 1, .3, 1);box-shadow:0 10px 30px rgba(0,0,0,.2)}.project-card:hover{border-color:#0f8;background:#171717;transform:scale(1.01);box-shadow:0 15px 40px rgba(0,0,0,.4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{margin:0;color:#fff;font-size:1.5rem;letter-spacing:1px}.card-icon{color:#3d3d3d;width:24px;height:24px;transition:color .3s}.btn,.stat-number{color:#0f8;font-weight:700}.project-card p{color:#9a9a9a;font-size:.95rem;line-height:1.7;margin-bottom:30px}.btn{display:inline-block;font-size:.95rem;border-bottom:1px dashed #0f8;padding-bottom:3px;transition:.2s}.btn:hover{color:#fff;border-bottom-color:#fff}.btn svg{width:15px;height:15px;margin-left:6px;vertical-align:sub}.roadmap-container{max-width:750px;margin:0 auto;padding:80px 20px}.roadmap-timeline{position:relative;border-left:2px solid #222;padding-left:40px;margin-left:20px}.roadmap-node{position:relative;margin-bottom:80px}.roadmap-node:last-child{margin-bottom:0}.node-badge{position:absolute;left:-53px;top:2px;background:#0d0d0d;padding:4px;display:flex;align-items:center;justify-content:center}.node-badge svg{width:24px;height:24px}.current .node-badge svg{color:#fa0;animation:2.5s infinite pulseNode}.future .node-badge svg{color:#3a3a3a}.node-content h3{margin:0 0 10px;font-size:1.25rem;color:#fff;letter-spacing:.5px}.node-content p{margin:0;color:#959595;font-size:.95rem;line-height:1.6}@keyframes pulseNode{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.5}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.stat-box{background:#141414;border:1px solid #222;padding:30px 20px;border-radius:8px;text-align:center}.stat-number{font-size:2rem;margin-bottom:5px}.stat-label{font-size:.85rem;color:#777;letter-spacing:1px}.console-box{background:#050505;border:1px solid #222;border-radius:8px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.5)}.console-header{background:#111;padding:12px 20px;display:flex;align-items:center;border-bottom:1px solid #222}.console-dots{display:flex;gap:8px;margin-right:20px}.dot{width:10px;height:10px;border-radius:50%}.form-icon,.submit-btn svg{width:16px;height:16px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.console-title{color:#666;font-size:.85rem}.console-body{padding:25px;font-size:.9rem;line-height:1.7}.log-line{margin:8px 0;color:#aaa}.text-yellow{color:#fa0}.text-blue{color:#00bfff}.contact-card-wrapper{background:#141414;border:1px solid #222;padding:40px;border-radius:8px}.form-input,.submit-btn{padding:15px;font-family:inherit}.contact-form{display:flex;flex-direction:column;gap:25px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label,.submit-btn{display:flex;align-items:center}.form-group label{font-size:.9rem;color:#fff;gap:8px}.form-icon{color:#0f8}.form-input{background:#0d0d0d;border:1px solid #222;color:#fff;border-radius:4px;outline:0;transition:border-color .3s}.form-input:focus{border-color:#0f8}.submit-btn{background:0 0;border:1px solid #0f8;color:#0f8;font-weight:700;cursor:pointer;border-radius:4px;justify-content:center;gap:10px;transition:.3s}.submit-btn:hover{background:#0f8;color:#0d0d0d;box-shadow:0 0 15px rgba(0,255,136,.4)}.socials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.social-card{background:#141414;border:1px solid #222;padding:25px;border-radius:8px;transition:.3s}.social-card:hover{border-color:#0f8;background:#161616;transform:translateY(-3px)}.social-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.social-header h4{margin:0;color:#fff;font-size:1.1rem;letter-spacing:.5px}.social-card p{margin:0;color:#888;font-size:.85rem;line-height:1.4}.portfolio-footer{text-align:center;padding:60px 20px;color:#3d3d3d;font-size:.85rem;border-top:1px solid #161616;letter-spacing:2px}.scroll-reveal{opacity:0;transform:translateY(80px);transition:opacity .9s,transform .9s cubic-bezier(.16, 1, .3, 1);will-change:transform,opacity}.scroll-reveal.active{opacity:1;transform:translateY(0)}@media (max-width:768px){.welcome-card{padding:40px 20px}.welcome-card h0{font-size:2.5rem}.welcome-desc{font-size:1rem}h1{font-size:2.4rem}.project-card{padding:30px;margin-bottom:140px}.roadmap-timeline{margin-left:10px;padding-left:25px}.node-badge{left:-38px}.stats-grid{grid-template-columns:repeat(2,1fr)}.skills-grid,.socials-grid{grid-template-columns:1fr}}