@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&family=Noto+Serif:wght@400;600;700&family=JetBrains+Mono:wght@300;400;500;600;700&display=swap";:root{--bg-background: #faf9f5;--on-background: #191c1e;--surface-lowest: #fffdfa;--surface-low: #f5f4ee;--surface-container: #edeae2;--outline-variant: #cdc9c0;--primary: #000000;--secondary: #b7016f;--on-surface-variant: #45464d;--on-primary-container: #7c839b;font-family:"Noto Serif",-apple-system,BlinkMacSystemFont,serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--on-background);background-color:var(--bg-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background-color:var(--bg-background);color:var(--on-background)}.app-container{width:100%;max-width:1250px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;padding:0 20px}.app-header{width:100%;padding:32px 0 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--outline-variant);box-sizing:border-box;margin-bottom:32px}.logo-section{display:flex;flex-direction:column;gap:2px}.logo{font-family:Noto Sans,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.02em;color:var(--primary);text-decoration:none}.logo-sub{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--on-primary-container);letter-spacing:.05em;font-weight:500}.nav-links{display:flex;gap:24px}.nav-item{font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:600;color:var(--on-surface-variant);text-decoration:none;transition:color .2s ease;position:relative;padding-bottom:4px}.nav-item:hover,.nav-item.active{color:var(--secondary)}.nav-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--secondary)}.main-content{flex:1;width:100%;display:flex;flex-direction:column;box-sizing:border-box;padding-bottom:64px}.glass-card{width:100%;background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:4px;padding:32px;box-shadow:0 4px 16px #00000005;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.glass-card.accent-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--secondary)}.glass-card:hover{box-shadow:0 6px 20px #0000000a}h1,h2,h3,h4{font-family:Noto Sans,sans-serif;color:var(--primary);margin-top:0}p{font-family:"Noto Serif",serif;line-height:1.8;color:var(--on-background)}.title-font{font-family:Noto Sans,sans-serif;font-weight:700;letter-spacing:-.02em}.body-font{font-family:"Noto Serif",serif}.action-btn-primary{background:var(--primary);border:1px solid var(--primary);color:#fff;border-radius:4px;padding:12px 24px;font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none}.action-btn-primary:hover{background:var(--secondary);border-color:var(--secondary)}.action-btn-secondary{background:var(--surface-lowest);border:1px solid var(--outline-variant);color:var(--on-background);border-radius:4px;padding:12px 24px;font-family:Noto Sans,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;text-decoration:none}.action-btn-secondary:hover{background:var(--surface-low)}.app-footer{width:100%;padding:40px 0;border-top:1px solid var(--outline-variant);text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--on-primary-container);box-sizing:border-box}.spec-table{width:100%;border-collapse:collapse;margin:24px 0;font-family:Noto Sans,sans-serif;font-size:.9rem}.spec-table th{background:var(--surface-low);border-bottom:2px solid var(--outline-variant);padding:12px 16px;font-weight:700;text-align:left;color:var(--primary)}.spec-table td{border-bottom:1px solid var(--outline-variant);padding:14px 16px;color:var(--on-background)}.spec-table tr:hover{background:#f5f4ee80}