@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bridge-bg: #F8FAFC;--bridge-bg-surface: #FFFFFF;--bridge-surface: #FFFFFF;--bridge-border: #1E293B;--bridge-bg-hover: #F1F5F9;--bridge-primary: #2563EB;--bridge-accent: #F97316;--bridge-text: #0F172A;--bridge-text-secondary: #334155;--bridge-text-muted: #475569;--bridge-success: #16A34A;--bridge-danger: #DC2626;--bridge-warning: #D97706;--bridge-font-sans: "Inter", system-ui, -apple-system, sans-serif;--bridge-radius-sm: 0px;--bridge-radius-md: 0px;--bridge-radius-lg: 0px;--bridge-container: 1000px;--bridge-shadow-sm: 4px 4px 0px #0F172A;--bridge-shadow-md: 6px 6px 0px #0F172A;--bridge-shadow-lg: 8px 8px 0px #0F172A;--bridge-transition-normal: all .1s steps(2, end)}.glass-card,[class*=card]{background:var(--bridge-bg-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:2px solid var(--bridge-border)!important;border-radius:0!important;box-shadow:var(--bridge-shadow-md)!important}[class*=card]:hover{transform:translate(-2px,-2px)!important;box-shadow:8px 8px #0f172a!important}button,.btn{border-radius:0!important;border:2px solid var(--bridge-border)!important;box-shadow:var(--bridge-shadow-sm)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.05em!important}button:active,.btn:active{transform:translate(4px,4px)!important;box-shadow:0 0 #0f172a!important}body{font-family:var(--bridge-font-sans);background:var(--bridge-bg);color:var(--bridge-text);min-height:100vh;overflow-x:hidden;margin:0}#app{display:flex;flex-direction:column;min-height:100vh}.compass-header{padding:20px 0;border-bottom:1px solid var(--bridge-border);position:relative;z-index:10;text-align:center}.logo{font-size:1.4rem;font-weight:800;color:var(--bridge-text);letter-spacing:-.02em}.compass-main{flex:1;max-width:var(--bridge-container, 1200px);margin:0 auto;padding:60px 24px;text-align:center;width:100%;box-sizing:border-box}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;margin-bottom:12px;color:var(--bridge-primary, #ffffff)}p{color:var(--bridge-text-secondary);font-size:1.05rem;max-width:600px;margin:0 auto 40px;line-height:1.6}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.tool-card{background:var(--bridge-bg-surface);border:1px solid var(--bridge-border);border-radius:var(--bridge-radius-md);padding:32px 24px;text-align:left;text-decoration:none;color:inherit;transition:var(--bridge-transition-normal);position:relative;overflow:hidden}.tool-card:hover{background:var(--bridge-bg-hover);border-color:var(--site-accent, var(--bridge-primary));transform:translateY(-2px);box-shadow:var(--bridge-shadow-md)}.tool-card h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:var(--bridge-text)}.tool-card p{font-size:.95rem;color:var(--bridge-text-secondary);margin:0}