@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-main: #0f172a;--bg-card: rgba(30, 41, 59, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--accent-cyan: #22d3ee;--accent-purple: #818cf8}*{margin:0;padding:0;box-sizing:border-box;font-family:Plus Jakarta Sans,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 0% 0%,rgba(37,99,235,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(129,140,248,.15) 0%,transparent 50%)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:50px}.container{max-width:1200px;margin:0 auto;padding:0}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0000005e;padding:40px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent-purple));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2563eb66}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:.875rem;color:var(--text-muted);text-align:left}.input-group input{width:100%;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px 12px 48px;color:#fff;transition:all .3s ease}.input-group input:focus{outline:none;border-color:var(--primary);background:#ffffff14;box-shadow:0 0 0 4px #2563eb1a}.input-wrapper{position:relative}.input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#fff}.text-cyan{color:var(--accent-cyan)}.text-purple{color:var(--accent-purple)}.text-yellow{color:#fbbf24}.animate-in{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 16px}.glass-card{padding:16px!important}section{padding:30px 0!important}h1{font-size:1.8rem!important}}.social-login-container{display:flex;gap:16px;margin-bottom:24px}.social-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.social-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;color:var(--text-muted);font-size:.875rem;margin-bottom:24px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.divider span{padding:0 10px}.strength-meter-container{margin-top:8px;display:flex;align-items:center;gap:12px}.strength-meter-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-meter-fill{height:100%;transition:width .3s ease,background-color .3s ease}.terms-container{display:flex;flex-direction:column;margin-bottom:20px}.terms-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.875rem;color:var(--text-muted)}.terms-label input{width:16px;height:16px;accent-color:var(--primary)}.link-text{color:var(--primary);text-decoration:none}.link-text:hover{text-decoration:underline}.role-selector{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:16px;padding:4px;position:relative;display:flex;justify-content:space-between;margin-bottom:32px}.role-selector-bg{position:absolute;top:4px;bottom:4px;width:calc(50% - 6px);background:linear-gradient(135deg,var(--primary),var(--accent-purple));border-radius:12px;z-index:1;box-shadow:0 4px 15px #2563eb4d}.role-btn{flex:1;border:none;background:none;padding:12px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;color:var(--text-muted);transition:color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;z-index:2;position:relative}.role-btn.active{color:#fff}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 37%,#ffffff0d 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.detail-grid{display:grid;grid-template-columns:1fr 350px;gap:40px;align-items:start}.hero-section{height:450px;position:relative;overflow:hidden;background:#0f172a;display:flex;align-items:flex-end}.hero-content-wrapper{display:flex;gap:40px;align-items:flex-end;width:100%;position:relative;z-index:2}.business-image-lg{width:200px;height:200px;border-radius:32px;overflow:hidden;border:4px solid rgba(255,255,255,.1);background:#ffffff0d;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #0006;flex-shrink:0}.rating-badge-xl{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 32px;border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0003;text-align:right}.review-text-indent{padding-left:68px}.hide-mobile{display:inline}@media(max-width:1024px){.detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:0 16px}.hero-section{height:auto!important;min-height:380px;padding:80px 0 30px;align-items:center}.hero-content-wrapper{flex-direction:column;align-items:center;text-align:center;gap:24px}.business-image-lg{width:150px;height:150px;border-radius:24px}.hero-content-wrapper h1{font-size:2.2rem!important;line-height:1.2!important}.rating-badge-xl{text-align:center;width:100%;max-width:280px;margin:0 auto;padding:16px}.rating-badge-xl div{justify-content:center!important;font-size:2.2rem!important}.detail-grid aside{position:static!important}.detail-grid aside>div{position:static!important}.review-text-indent{padding-left:0!important;margin-top:12px}.hide-mobile{display:none}}.horizontal-scroll-container{display:flex;overflow-x:auto;gap:24px;padding:20px 4px 30px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.horizontal-scroll-container::-webkit-scrollbar{height:6px}.horizontal-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:0 4px}.horizontal-scroll-container::-webkit-scrollbar-thumb{background:linear-gradient(to right,var(--primary),var(--accent-purple));border-radius:10px}.horizontal-scroll-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(to right,var(--primary-hover),var(--accent-purple))}.horizontal-scroll-item{flex:0 0 340px;scroll-snap-align:start}@media(max-width:768px){.horizontal-scroll-item{flex:0 0 280px}}.home-section{padding:20px 0}.home-hero{text-align:center;padding:120px 0 60px}@media(max-width:768px){.home-hero{padding:60px 0 20px!important}.home-section{padding:20px 0!important}.horizontal-scroll-container{padding:10px 4px 15px!important;gap:12px!important}.btn-primary{padding:10px 20px!important;font-size:.95rem!important}.input-group input{padding:10px 14px 10px 44px!important}.social-btn{padding:8px!important}.detail-grid{gap:24px!important}}@media(max-width:768px){.home-section h2{font-size:1.5rem!important;margin-bottom:4px!important}.home-section p{font-size:.85rem!important;margin-bottom:8px!important}.home-section>div:first-child{margin-bottom:16px!important}}.section-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;padding:0 4px}@media(max-width:768px){.section-header{margin-bottom:16px!important;padding:0 2px!important}}#root{max-width:1280px;margin:0 auto;padding:.5rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}