@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap";:root{--bg:#080b10;--bg-secondary:#0c1017;--surface:#111722;--surface-hover:#151d29;--border:#202a38;--border-bright:#344257;--text:#e6edf3;--text-secondary:#9aa7b5;--text-muted:#657386;--accent:#63e6be;--accent-dim:#2d8b73;--warning:#ffd166;--danger:#ff6b6b;--max-width:1100px;--radius:10px;--transition:.18s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:linear-gradient(rgba(255,255,255,.016) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.016) 1px, transparent 1px), var(--bg);min-height:100vh;color:var(--text);background-size:40px 40px;font-family:Fira Code,monospace;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}button{cursor:pointer}.container{width:min(100% - 40px, var(--max-width));text-align:center;margin-inline:auto}section{padding:110px 0}.navbar{z-index:100;border-bottom:1px solid var(--border);backdrop-filter:blur(14px);background:rgba(8,11,16,.82);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:600;display:flex}.logo-symbol{color:var(--accent)}.nav-links{align-items:center;gap:28px;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);transition:color var(--transition);font-size:.82rem;position:relative}.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";background:var(--accent);transform-origin:50%;height:1px;transition:transform var(--transition);position:absolute;bottom:-7px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:scaleX(1)}.hero{text-align:center;justify-content:center;align-items:center;min-height:calc(100vh - 70px);display:flex}.hero-grid{flex-direction:column;justify-content:center;align-items:center;gap:45px;width:100%;display:flex}.hero-content{flex-direction:column;align-items:center;display:flex}.eyebrow{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;gap:10px;margin-bottom:22px;font-size:.75rem;display:flex}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.hero h1{letter-spacing:-.07em;max-width:950px;margin:0;font-size:clamp(3rem,8vw,6rem);line-height:.98}.hero h1 span{color:var(--accent)}.hero-description{max-width:720px;color:var(--text-secondary);margin-top:30px;font-size:.95rem;line-height:1.9}.hero-actions{justify-content:center;align-items:center;gap:14px;margin-top:35px;display:flex}.btn{border:1px solid var(--border-bright);min-height:44px;color:var(--text);transition:transform var(--transition), border-color var(--transition), background var(--transition), color var(--transition);background:0 0;border-radius:7px;justify-content:center;align-items:center;padding:0 20px;font-size:.78rem;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-primary{border-color:var(--accent);background:var(--accent);color:#07100d}.btn-primary:hover{color:var(--accent);background:0 0}.system-panel{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:rgba(17,23,34,.85);width:min(100%,650px);margin-inline:auto;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.024)}.panel-header{border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;font-size:.7rem;display:flex}.panel-status{color:var(--accent)}.system-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:13px 0;font-size:.78rem;display:flex}.system-row:last-child{border-bottom:none}.system-label{color:var(--text-muted)}.system-value{color:var(--text)}.section-header{text-align:center;max-width:700px;margin:0 auto 50px}.section-number{color:var(--accent);letter-spacing:.08em;margin-bottom:9px;font-size:.72rem}.section-header h2{letter-spacing:-.05em;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.section-header p{color:var(--text-secondary);margin:15px auto 0;font-size:.85rem}.projects-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.project-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:transform var(--transition), border-color var(--transition), background var(--transition);padding:30px;position:relative;overflow:hidden}.project-card:hover{border-color:var(--border-bright);background:var(--surface-hover);transform:translateY(-5px)}.project-card:before{content:"";background:var(--accent);opacity:0;height:1px;transition:opacity var(--transition);position:absolute;top:0;left:30px;right:30px}.project-card:hover:before{opacity:1}.project-number{color:var(--text-muted);font-size:.8rem}.project-card h3{letter-spacing:-.03em;margin-top:20px;font-size:1.15rem}.project-card p{color:var(--text-secondary);margin-top:12px;font-size:.8rem;line-height:1.8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}::selection{background:var(--accent);color:var(--bg)}@media (width<=850px){section{padding:80px 0}.hero{padding-top:70px;padding-bottom:70px}.hero h1{font-size:clamp(2.8rem,12vw,5rem)}.projects-grid{grid-template-columns:1fr}}@media (width<=600px){.container{width:min(100% - 28px, var(--max-width))}section{padding:65px 0}.navbar-inner{height:60px}.nav-links{display:none}.hero{min-height:calc(100vh - 60px)}.hero h1{letter-spacing:-.07em;font-size:3rem}.hero-description{font-size:.78rem;line-height:1.8}.hero-actions{flex-direction:column;width:100%}.btn{width:100%}.system-panel{padding:18px}.system-row{font-size:.68rem}.project-card{padding:22px}}.uart-tool{width:100%;max-width:1100px;margin:0 auto;padding:90px 0}.uart-tool .section-number{color:var(--accent);letter-spacing:.12em;margin-bottom:12px;font-size:.7rem;font-weight:500}.uart-tool h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.converter{text-align:left;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-top:45px;display:grid}.converter-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;transition:border-color var(--transition), transform var(--transition);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15)}.converter-panel:hover{border-color:var(--border-bright);transform:translateY(-2px)}.converter-binary-panel-title{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.1em;background:rgba(255,255,255,.02);align-items:center;gap:9px;font-size:.68rem;font-weight:500;display:flex}.converter-panel-title{border-bottom:1px solid var(--border);color:var(--text-secondary);letter-spacing:.1em;background:rgba(255,255,255,.02);align-items:center;gap:9px;padding:14px 18px;font-size:.68rem;font-weight:500;display:flex}.converter-panel-title:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);border-radius:50%;flex-shrink:0}.converter-binary-input{resize:vertical;width:100%;caret-color:var(--accent);border:none;outline:none;padding:20px;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.8;display:block;background:var(--surface)!important;color:var(--text)!important}.converter-input{resize:vertical;width:100%;min-height:350px;caret-color:var(--accent);border:none;outline:none;padding:20px;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.8;display:block;background:var(--surface)!important;color:var(--text)!important}.converter-input::placeholder{color:var(--text-muted);opacity:1}.converter-input:focus{outline:none;background:var(--surface)!important;color:var(--text)!important}.byte-inspector{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;max-height:410px;overflow:auto}.byte-table{border-collapse:collapse;width:100%;font-family:Fira Code,monospace;font-size:.7rem}.byte-table th{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);color:var(--text-muted);text-align:left;letter-spacing:.06em;padding:12px 15px;font-weight:500;position:sticky;top:0}.byte-table td{white-space:nowrap;border-bottom:1px solid rgba(255,255,255,.04);padding:9px 15px}.byte-table tbody tr{transition:background var(--transition)}.byte-table tbody tr:hover{background:var(--surface-hover)}.byte-offset{color:var(--text-muted)}.byte-hex{color:var(--accent);font-weight:500}.byte-decimal{color:var(--text-secondary)}.byte-binary{color:var(--text-secondary);opacity:.75}.byte-ascii{min-width:50px;color:var(--text)}.byte-empty{min-height:280px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;padding:30px;font-size:.7rem;display:flex}.byte-empty:before{content:"> ";color:var(--accent)}@media (width<=850px){.uart-tool{padding:80px 0}.converter{grid-template-columns:1fr}.converter-input{min-height:240px}.byte-inspector{max-height:350px}}@media (width<=600px){.uart-tool{padding:60px 0}.converter{gap:15px}.converter-input{min-height:220px;padding:16px}.byte-table{font-size:.65rem}.byte-table th,.byte-table td{padding:8px 10px}}.file-input{display:none}