:root{--bg-dark: #080b11;--bg-card: rgba(17, 24, 39, .7);--bg-terminal: #0d111a;--accent: #6892DE;--accent-glow: rgba(104, 146, 222, .35);--accent-dim: rgba(104, 146, 222, .1);--text-main: #f3f4f6;--text-muted: #9ca3af;--text-success: #10b981;--border-color: rgba(255, 255, 255, .08);--font-sans: "Plus Jakarta Sans", sans-serif;--font-mono: "Fira Code", monospace;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;position:relative}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(104,146,222,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(104,146,222,.03) 1px,transparent 1px);background-size:40px 40px;z-index:-3;pointer-events:none}.bg-glow-1{position:fixed;top:-20%;left:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(104,146,222,.15) 0%,transparent 70%);z-index:-2;pointer-events:none;animation:pulseGlow 15s infinite alternate}.bg-glow-2{position:fixed;bottom:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(104,146,222,.12) 0%,transparent 70%);z-index:-2;pointer-events:none;animation:pulseGlow 20s infinite alternate-reverse}@keyframes pulseGlow{0%{transform:scale(1) translate(0)}to{transform:scale(1.15) translate(5%,5%)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#6892de4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.highlight{color:var(--accent);font-weight:800;text-shadow:0 0 15px rgba(104,146,222,.35)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}#main-header{position:fixed;top:0;left:0;width:100%;z-index:100;background:#080b11bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:var(--transition)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:1200px;margin:0 auto;padding:0 2rem}.logo{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--text-main);text-decoration:none;letter-spacing:-.5px;display:flex;align-items:center;gap:2px}.logo-bracket{color:var(--text-muted);font-weight:400}.logo-color{color:var(--accent)}#navbar{display:flex;align-items:center;gap:2rem}.nav-link{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:var(--transition);position:relative;padding:.5rem 0}.nav-link:hover,.nav-link.active{color:var(--text-main)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--accent);transition:var(--transition);box-shadow:0 0 8px var(--accent)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-btn{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(104,146,222,.3);padding:.6rem 1.2rem;border-radius:6px;font-weight:600;font-family:var(--font-sans)}.nav-btn:after{display:none}.nav-btn:hover{background:var(--accent);color:var(--bg-dark);box-shadow:0 0 15px var(--accent-glow);border-color:var(--accent);transform:translateY(-2px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;z-index:101}.mobile-menu-toggle .bar{width:100%;height:2px;background-color:var(--text-main);transition:var(--transition)}.hero-section{padding:160px 0 100px;min-height:100vh;display:flex;align-items:center}.hero-container{display:grid;grid-template-columns:1.35fr 1fr;gap:3rem;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:#6892de14;border:1px solid rgba(104,146,222,.2);color:var(--accent);padding:6px 14px;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;font-family:var(--font-mono)}.badge-dot{width:8px;height:8px;background-color:var(--text-success);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--text-success)}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}.hero-content{min-width:0}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-1px;min-height:8.4rem}.typewriter-line{white-space:nowrap;display:inline-block}.typewriter{color:var(--text-main);font-family:var(--font-mono);font-weight:700;white-space:nowrap;font-size:2rem}.cursor{color:var(--accent);animation:cursorBlink 1s infinite;font-weight:300}@keyframes cursorBlink{0%,to{opacity:0}50%{opacity:1}}.hero-desc{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem;max-width:540px}.hero-actions{display:flex;gap:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;text-decoration:none;transition:var(--transition)}.btn-primary{background-color:var(--accent);color:var(--bg-dark);border:1px solid var(--accent);box-shadow:0 4px 20px #6892de40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6892de66}.btn-secondary{background-color:transparent;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff08;border-color:var(--accent);transform:translateY(-2px)}.btn-full{width:100%}.hero-terminal{background:var(--bg-terminal);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 45px #0006,0 0 30px #6892de0d;height:380px;display:flex;flex-direction:column;font-family:var(--font-mono);position:relative}.terminal-header{background:#111827e6;padding:12px 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.terminal-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background-color:#ef4444}.dot.yellow{background-color:#f59e0b}.dot.green{background-color:#10b981}.terminal-title{color:var(--text-muted);font-size:.8rem;margin:0 auto;transform:translate(-16px)}.terminal-action-icons{color:var(--text-muted)}.terminal-body{padding:1.5rem;flex-grow:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;display:flex;flex-direction:column;gap:.8rem;font-size:.9rem;-webkit-overflow-scrolling:touch}.terminal-body::-webkit-scrollbar{display:none}.terminal-line{display:flex;gap:8px;line-height:1.5}.prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.cmd-run{color:var(--text-main)}.terminal-response{color:var(--text-muted);padding-left:1.2rem;border-left:2px solid var(--accent-dim);margin-bottom:.5rem}.text-muted{color:var(--text-muted)}.text-success{color:var(--text-success)}.terminal-interactive-line{display:flex;align-items:center;gap:8px}.terminal-interactive-line input{background:transparent;border:none;outline:none;color:var(--text-main);font-family:var(--font-mono);font-size:.9rem;flex-grow:1;caret-color:var(--accent)}.skills-section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.5px}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.skill-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.skill-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 30px #6892de1f}.skill-icon{width:60px;height:60px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background:#6892de14;color:var(--accent)}.skill-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.skill-card p{color:var(--text-muted);font-size:.95rem;margin-bottom:1.5rem;min-height:60px}.skill-tag{display:inline-block;background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);padding:4px 10px;border-radius:4px;font-size:.75rem;font-family:var(--font-mono);margin-right:.5rem;margin-bottom:.5rem}.services-section{padding:100px 0;background:#080b114d}.services-list{display:flex;flex-direction:column;gap:1.5rem}.service-item{display:flex;align-items:flex-start;gap:3rem;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:var(--transition)}.service-item:hover,.service-item.active{border-color:#6892de66;background:#111827d9}.service-num{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--accent-dim);line-height:1;transition:var(--transition)}.service-item:hover .service-num,.service-item.active .service-num{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.service-detail h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.service-detail p{color:var(--text-muted);line-height:1.7}.terminal-showcase-section{padding:100px 0}.terminal-showcase-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.terminal-showcase-info h2{font-size:2.5rem;font-weight:800;margin:1.5rem 0;letter-spacing:-.5px}.terminal-showcase-info p{color:var(--text-muted);margin-bottom:2rem;font-size:1.1rem}.cmd-tips-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.cmd-tips-list li{display:flex;align-items:center;gap:12px;color:var(--text-main)}.key-tag{font-family:var(--font-mono);background:#6892de1a;border:1px solid rgba(104,146,222,.2);color:var(--accent);padding:3px 8px;border-radius:4px;font-size:.85rem}.terminal-window{background:var(--bg-terminal);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:0 20px 45px #0006;height:400px;display:flex;flex-direction:column}.terminal-window-header{background:#111827e6;padding:12px 118px 12px 16px;display:flex;align-items:center;border-bottom:1px solid var(--border-color)}.win-dot{width:12px;height:12px;border-radius:50%;margin-right:8px}.win-dot.red{background-color:#ef4444}.win-dot.yellow{background-color:#f59e0b}.win-dot.green{background-color:#10b981}.win-title{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-window-body{padding:1.5rem;flex-grow:1;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;font-family:var(--font-mono);font-size:.85rem;display:flex;flex-direction:column;gap:.7rem;-webkit-overflow-scrolling:touch}.terminal-window-body::-webkit-scrollbar{display:none}.t-line{display:flex;gap:8px}.t-prompt{color:var(--accent);-webkit-user-select:none;user-select:none}.t-typed{color:var(--text-main)}.t-response{color:var(--text-muted);padding-left:1.2rem;border-left:2px solid var(--accent-dim);margin-bottom:.4rem}.help-cmd-grid{display:grid;grid-template-columns:80px 1fr;gap:.4rem 1rem}.text-accent{color:var(--accent)}.ascii-bar{white-space:pre;line-height:1.4}.t-interactive{display:flex;align-items:center;gap:8px}.t-interactive input{background:transparent;border:none;outline:none;color:var(--text-main);font-family:var(--font-mono);font-size:.85rem;flex-grow:1;caret-color:var(--accent)}.contact-section{padding:100px 0;position:relative}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.contact-info h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.5px}.contact-info p{color:var(--text-muted);font-size:1.1rem;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:1.5rem}.contact-card{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;transition:var(--transition)}.contact-card:hover{border-color:var(--accent);transform:translate(5px)}.contact-card-icon{width:48px;height:48px;border-radius:8px;background:#6892de14;color:var(--accent);display:flex;align-items:center;justify-content:center}.contact-card-content{display:flex;flex-direction:column;gap:4px}.contact-card-content span{font-size:.85rem;color:var(--text-muted)}.contact-link{color:var(--text-main);text-decoration:none;font-weight:600;transition:var(--transition)}.contact-link:hover{color:var(--accent)}.contact-value{color:var(--text-main);font-weight:600}.contact-form-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-main)}.form-group input,.form-group textarea{background:#080b1199;border:1px solid var(--border-color);border-radius:6px;padding:.8rem 1rem;color:var(--text-main);font-family:var(--font-sans);transition:var(--transition);outline:none}.form-group textarea{resize:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.form-status{font-size:.9rem;text-align:center;margin-top:.5rem;font-family:var(--font-mono)}footer{border-top:1px solid var(--border-color);padding:2.5rem 0;background:#080b11cc}.footer-container{display:flex;justify-content:space-between;align-items:center}.footer-copy{color:var(--text-muted);font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:var(--transition)}.footer-links a:hover{color:var(--accent)}@media (max-width: 992px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-content{display:flex;flex-direction:column;align-items:center}.hero-desc{margin-left:auto;margin-right:auto}.terminal-showcase-grid{grid-template-columns:1fr;gap:5.5rem}.contact-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.container{padding:0 1rem}.hero-container,.terminal-showcase-grid,.skills-grid,.hero-terminal-wrapper,.terminal-showcase-box,.hero-terminal,.terminal-window{min-width:0;max-width:100%}.terminal-body,.terminal-window-body{overflow-x:hidden}.terminal-interactive-line input,.t-interactive input{min-width:0}.terminal-interactive-line input,.t-interactive input,.form-group input,.form-group textarea{font-size:16px!important}.hero-actions{gap:.75rem;width:100%;justify-content:center}.btn{padding:.7rem 1.2rem;font-size:.9rem;white-space:nowrap}.bg-grid{width:100%}.bg-glow-1,.bg-glow-2{animation:none;transform:none;left:0;right:auto;width:100%;height:100vw}.bg-glow-1{top:-45vw}.bg-glow-2{bottom:-45vw}.terminal-line,.terminal-response,.t-line,.t-response,.help-cmd-grid,.skill-card,.service-detail,.service-detail h3,.service-detail p{min-width:0;overflow-wrap:anywhere}.skills-grid{grid-template-columns:1fr}.ascii-bar{white-space:pre-wrap}.hero-title{font-size:2.2rem;min-height:auto;line-height:1.3}.section-title,.terminal-showcase-info h2,.contact-info h2{font-size:2rem;overflow-wrap:anywhere}.typewriter-line{display:inline-flex;align-items:baseline;gap:.25rem;white-space:nowrap;font-size:1.25rem}.typewriter{font-size:1.25rem;white-space:nowrap}.nav-container{height:70px}#navbar{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background:var(--bg-dark);flex-direction:column;padding:4rem 2rem;align-items:center;justify-content:flex-start;transition:.4s ease-in-out;z-index:99;border-top:1px solid var(--border-color);opacity:0;visibility:hidden;pointer-events:none}#navbar.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.open .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle.open .bar:nth-child(2){opacity:0}.mobile-menu-toggle.open .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.service-item{flex-direction:column;gap:1.5rem;padding:2rem}.contact-form-box{padding:2rem}.footer-container{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width: 420px){.hero-title{font-size:1.8rem}.typewriter-line,.typewriter{font-size:1.1rem}}.hero-terminal-wrapper{position:relative;overflow:visible;width:100%}.kanata-laying{position:absolute;top:auto;bottom:calc(100% + 1px);right:30px;width:200px;height:auto;z-index:10;pointer-events:none}.terminal-showcase-box{position:relative;overflow:visible}.kanata-sitter{position:absolute;top:auto;bottom:calc(100% - 74px);right:22px;width:78px;height:auto;z-index:10;pointer-events:none}@media (max-width: 992px){.kanata-laying{width:140px;bottom:calc(100% - 3px);right:18px;transform:rotate(-2deg);transform-origin:bottom center}.kanata-sitter{width:62px;bottom:calc(100% - 57px);right:16px}.terminal-window-header{padding-right:88px}}.at-symbol{display:inline-block;position:relative;top:-.07em}