:root{--color-bg: #ffffff;--color-bg-alt: #f5f3f0;--color-surface: #f0ece7;--color-surface-raised: #e8e4de;--color-border: #e0dcd6;--color-text: #1a1a1a;--color-text-secondary: #4a4a4a;--color-text-muted: #888880;--color-green: #22c55e;--color-green-dim: #22c55e33;--color-danger: #ef4444;--font-serif: "Instrument Serif", serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--max-w: 1140px;--radius-pill: 100px;--radius-card: 16px;--radius-navbar: 38px;--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, .75rem);--space-md: clamp(1rem, 2vw, 1.5rem);--space-lg: clamp(1.5rem, 3vw, 2.5rem);--space-xl: clamp(2rem, 5vw, 4rem);--space-2xl: clamp(3rem, 7vw, 6rem)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:400;line-height:1.15}h1{font-size:clamp(2.5rem,6vw,4.5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.3rem,2.5vw,1.75rem)}.mono{font-family:var(--font-mono);font-size:.85em}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--space-md)}.navbar-wrapper{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);z-index:1000;width:calc(100% - var(--space-md) * 2);max-width:var(--max-w)}.navbar{display:flex;align-items:center;justify-content:space-between;height:76px;padding:0 var(--space-lg);border-radius:var(--radius-navbar);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);background:#ffffffbf;border:1px solid var(--color-border)}.navbar-logo{font-family:var(--font-serif);font-size:1.35rem;color:var(--color-text);white-space:nowrap}.navbar-links{display:flex;align-items:center;gap:var(--space-md)}.navbar-link{font-size:.9rem;font-weight:500;color:var(--color-text-secondary);transition:color .2s;padding:.4rem 0}.navbar-link:hover,.navbar-link.active{color:var(--color-text)}.navbar-right{display:flex;align-items:center;gap:var(--space-sm)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-text);color:#fff;border-radius:var(--radius-pill);padding:.8rem 2rem;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.85;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-pill);padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;border:1px solid var(--color-border);transition:background .2s,border-color .2s}.btn-secondary:hover{background:var(--color-surface-raised);border-color:var(--color-text-muted)}.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:color .2s,background .2s}.btn-ghost:hover{color:var(--color-text);background:var(--color-bg-alt)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;background:var(--color-danger);color:#fff;border-radius:var(--radius-pill);padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:opacity .2s}.btn-danger:hover{opacity:.85}.pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--color-bg-alt);color:var(--color-text-secondary);border-radius:var(--radius-pill);padding:.3rem .9rem;font-size:.8rem;font-weight:500}.pill-green{background:var(--color-green-dim);color:#16a34a}.card{background:var(--color-surface);border-radius:var(--radius-card);border:1.5px solid transparent;padding:var(--space-md);transition:border-color .25s ease;cursor:pointer}.card:hover{border-color:var(--color-green)}.card-static{background:var(--color-surface);border-radius:var(--radius-card);border:1.5px solid transparent;padding:var(--space-md)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border);border-radius:var(--radius-card);overflow:hidden}.feature-grid .feature-cell{background:var(--color-surface);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.feature-cell h3{margin-bottom:var(--space-xs)}.feature-cell p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.65}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:var(--color-surface-raised);margin-bottom:var(--space-xs)}.hero{position:relative;width:100%;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff40,#fff9,#fff)}.hero-content{position:relative;z-index:1;text-align:center;max-width:720px;padding:var(--space-xl) var(--space-md);padding-top:120px}.hero-content h1{margin-bottom:var(--space-md);color:var(--color-text)}.hero-content p{font-size:clamp(1rem,1.8vw,1.2rem);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-lg)}.section{padding:var(--space-2xl) 0}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-header h2{margin-bottom:var(--space-sm)}.section-header p{color:var(--color-text-secondary);font-size:1.05rem;max-width:560px;margin:0 auto}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.citizen-address{font-family:var(--font-mono);font-size:.85rem;color:var(--color-text-muted)}.citizen-name{font-family:var(--font-serif);font-size:1.25rem;margin:var(--space-xs) 0}.citizen-skill{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.active-dot{width:8px;height:8px;border-radius:50%;background:var(--color-green);display:inline-block;flex-shrink:0}.biz-name{font-family:var(--font-serif);font-size:1.25rem;margin-bottom:var(--space-xs)}.biz-desc{font-size:.9rem;color:var(--color-text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-sm)}.biz-meta{display:flex;gap:var(--space-sm);flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.modal{background:var(--color-bg);border-radius:var(--radius-card);padding:var(--space-lg);width:90%;max-width:440px;border:1px solid var(--color-border);animation:slideUp .25s ease}.modal h2{margin-bottom:var(--space-xs)}.modal p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-md)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font-size:.95rem;transition:border-color .2s;outline:none}.form-input:focus{border-color:var(--color-text-muted)}textarea.form-input{resize:vertical;min-height:100px}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888880' d='M6 8.825L1.175 4 2.238 2.938 6 6.7 9.763 2.937 10.825 4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th{text-align:left;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);padding:.75rem 1rem;border-bottom:1.5px solid var(--color-border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-alt)}.toast{position:fixed;bottom:var(--space-lg);right:var(--space-lg);padding:.9rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;z-index:3000;animation:slideUp .3s ease,fadeOut .3s ease 2.7s;animation-fill-mode:forwards}.toast-success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.toast-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.detail-header{margin-bottom:var(--space-lg)}.detail-header h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:var(--space-xs)}.detail-header p{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.app-layout{padding-top:calc(76px + var(--space-md) * 2 + var(--space-md));min-height:100vh}.page-content{padding-top:var(--space-lg);padding-bottom:var(--space-2xl)}.page-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:var(--space-lg)}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--color-text-muted);font-size:.95rem}.spinner{width:24px;height:24px;border:2.5px solid var(--color-border);border-top-color:var(--color-text);border-radius:50%;animation:spin .7s linear infinite;margin-right:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.empty-state p{font-size:1rem}.dev-banner{display:inline-flex;align-items:center;gap:.4rem;background:#fef9c3;color:#854d0e;font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.05em}.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.navbar{height:60px;padding:0 var(--space-md);border-radius:24px}.navbar-links{display:none}.feature-grid,.grid-3,.grid-2{grid-template-columns:1fr}.hero{min-height:80vh}.hero-content{padding-top:100px}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem .6rem}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}