@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--font-main:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-dark:#000;--bg-card:#0d0d0d;--primary:#fff;--primary-muted:#999;--text-main:#fff;--text-muted:#b3b3b3;--border-main:#333;--border-hover:#666}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--text-main);min-height:100vh;line-height:1.6;overflow-x:hidden}.bw-border{border:1px solid var(--border-main);transition:border-color .2s}.bw-border:hover{border-color:var(--border-hover)}.card{background:var(--bg-card);border:1px solid var(--border-main);border-radius:4px;padding:2rem}.navbar{z-index:1000;background:var(--bg-dark);border-bottom:1px solid var(--border-main);justify-content:space-between;align-items:center;width:100%;padding:1.5rem 5%;display:flex;position:fixed;top:0}.navbar .logo{align-items:center;gap:12px;display:flex}.navbar .logo img{filter:grayscale()invert();width:28px;height:28px}.navbar .title{letter-spacing:2px;text-transform:uppercase;font-size:1.25rem;font-weight:700}.top-bar{gap:2.5rem;display:flex}.top-bar a{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;text-decoration:none;transition:color .3s}.top-bar a:hover{color:var(--text-main)}.get-started{background:var(--text-main);border:1px solid var(--text-main);color:var(--bg-dark);text-transform:uppercase;cursor:pointer;border-radius:2px;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .2s}.get-started:hover{color:var(--text-main);background:0 0}.hero-content{text-align:center;max-width:900px;margin:160px auto 0}.hero-content h1{letter-spacing:-2px;text-transform:uppercase;margin-bottom:2rem;font-size:5rem;font-weight:800;line-height:.95}.hero-content p{color:var(--text-muted);max-width:600px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.1rem}.header{text-align:center}section{padding:120px 10%}.section-title{text-transform:uppercase;letter-spacing:4px;text-align:center;margin-bottom:4rem;font-size:2.5rem}.table-container{border:1px solid var(--border-main);background:var(--bg-dark)}table{border-collapse:collapse;width:100%}table th{text-align:left;border-bottom:1px solid var(--border-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;padding:1.5rem;font-size:.75rem}table td{border-bottom:1px solid var(--border-main);padding:1.5rem}table tr:hover{background:var(--bg-card)}.btn-action{border:1px solid var(--border-main);color:var(--text-main);text-transform:uppercase;cursor:pointer;background:0 0;padding:.4rem .8rem;font-size:.7rem;font-weight:700}.btn-action:hover{border-color:var(--text-main)}.btn-create{background:var(--text-main);color:var(--bg-dark);text-transform:uppercase;letter-spacing:1px;cursor:pointer;border:none;padding:1rem 2rem;font-weight:800}.controls-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.search-box{border-bottom:1px solid var(--border-main);width:300px;padding:.5rem 0;display:flex}.search-box input{color:var(--text-main);background:0 0;border:none;padding-left:10px;font-family:inherit;font-size:1rem}.search-box input:focus{outline:none}.features-grid{background:var(--border-main);border:1px solid var(--border-main);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;display:grid}.feature-card{background:var(--bg-dark);padding:3rem}.modal-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-dark);border:1px solid var(--border-main);width:100%;max-width:600px;padding:4rem}.modal h2{text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}.modal input{border:1px solid var(--border-main);width:100%;color:var(--text-main);background:0 0;margin-bottom:2rem;padding:1rem;font-family:inherit}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.btn-confirm{background:var(--text-main);color:var(--bg-dark);text-transform:uppercase;border:none;padding:.8rem 2rem;font-weight:800}.btn-cancel{border:1px solid var(--border-main);color:var(--text-muted);text-transform:uppercase;background:0 0;padding:.8rem 2rem}@media (width<=768px){.hero-content h1{font-size:3rem}.navbar .top-bar{display:none}.controls-header{flex-direction:column;align-items:stretch;gap:2rem}}