@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--neu-base: #E0E5EC;--neu-raised: 8px 8px 18px #b8bec7, -8px -8px 18px #ffffff;--neu-inset: inset 5px 5px 10px #b8bec7, inset -5px -5px 10px #ffffff;--neu-icon: 5px 5px 10px #b8bec7, -5px -5px 10px #ffffff;--teal: #0E7490;--teal-light: #0891B2;--text-primary: #1F2937;--text-secondary: #4B5563;--text-muted: #6B7280;--error-color: #EF4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--neu-base);color:var(--text-primary);line-height:1.6}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container{padding:0 16px}}h1,h2,h3,h4,h5,h6{color:var(--teal);font-weight:700;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1rem}h2{font-size:2rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.75rem}p{margin-bottom:1rem;color:var(--text-secondary)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}.connect-card{background:var(--neu-base);box-shadow:var(--neu-raised);border-radius:20px;padding:24px;transition:transform .2s ease}@media (max-width: 768px){.connect-card{padding:16px}}.connect-button{border:none;outline:none;border-radius:12px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.connect-button:focus-visible{outline:2px solid var(--teal-light);outline-offset:4px}.connect-button-primary{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;box-shadow:var(--neu-raised)}.connect-button-primary:active{box-shadow:var(--neu-inset);transform:translateY(2px)}.connect-button-secondary{background:var(--neu-base);color:var(--teal);box-shadow:var(--neu-raised)}.connect-button-secondary:active{box-shadow:var(--neu-inset);transform:translateY(2px)}.connect-badge{display:inline-flex;align-items:center;background:var(--neu-base);color:var(--teal);box-shadow:var(--neu-raised);padding:6px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.connect-input{width:100%;padding:12px 16px;border-radius:12px;border:none;outline:none;background:var(--neu-base);box-shadow:var(--neu-inset);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all .2s ease}.connect-input::placeholder{color:var(--text-muted)}.connect-input:focus{box-shadow:var(--neu-inset),0 0 0 2px #0e749033}.section{padding:80px 0}@media (max-width: 768px){.section{padding:48px 0}}.grid{display:grid;gap:24px}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 992px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.text-center{text-align:center}.w-full{width:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.header{position:sticky;top:0;z-index:100;background:var(--neu-base);box-shadow:0 4px 6px -1px #0000000d;padding:16px 0}.header-nav{display:flex;gap:24px;align-items:center}@media (max-width: 768px){.header .container{flex-direction:column;gap:16px}.header-nav{flex-wrap:wrap;justify-content:center;gap:16px}}.header-nav a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .2s;padding:4px 8px;border-radius:8px}.header-nav a:hover,.header-nav a:focus-visible{color:var(--teal);background:#0e74900d}.hero{text-align:center;padding:100px 0;max-width:800px;margin:0 auto}@media (max-width: 768px){.hero{padding:60px 0}}.login-container{max-width:520px;margin:40px auto 0}.tabs{display:flex;gap:16px;margin-bottom:24px;justify-content:center;flex-wrap:wrap}.tab{background:var(--neu-base);border:none;padding:8px 16px;border-radius:20px;color:var(--text-muted);font-weight:600;cursor:pointer;box-shadow:var(--neu-raised);transition:all .2s}.tab:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tab.active{box-shadow:var(--neu-inset);color:var(--teal)}.mock-message{margin-top:16px;padding:12px;border-radius:8px;background:#0e74901a;color:var(--teal);font-size:.875rem;text-align:center;font-weight:500}.table-responsive{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}