.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000001a}.header-container{max-width:1200px;margin:0 auto;padding:0 20px}.header-content{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:20px;color:#2563eb}.logo-icon{font-size:24px}.logo-text{font-weight:700}.nav{display:flex;gap:32px;font-family:Inter;font-weight:500;font-size:16px;line-height:36px;letter-spacing:0%;text-align:center}.nav-link{color:#6b7280;font-weight:500;transition:color .2s ease;padding:8px 0}.nav-link:hover{color:#2563eb}.auth-section{position:relative}.auth-btn{display:flex;align-items:center;gap:8px;background:#2563eb;color:#fff;padding:10px 20px;border-radius:6px;font-weight:500;transition:background-color .2s ease;cursor:pointer;border:none}.auth-btn:hover{background:#1d4ed8}.dropdown-arrow{font-size:12px;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.auth-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:16px;min-width:200px;z-index:1000;animation:dropdownFadeIn .2s ease-out}.dropdown-role-links{display:flex;justify-content:space-between;gap:8px}.dropdown-role-links .dropdown-link{flex:1;text-align:center}.dropdown-section h4{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.dropdown-link{display:block;padding:8px 12px;color:#6b7280;text-decoration:none;border-radius:4px;transition:all .2s ease;font-size:14px}.dropdown-link:hover{background:#f3f4f6;color:#2563eb}.dropdown-divider{height:1px;background:#e5e7eb;margin:12px 0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{display:none;flex-direction:column;gap:4px;padding:8px;background:transparent;border:none;cursor:pointer}.mobile-menu-btn span{width:24px;height:2px;background:#333;transition:all .3s ease;border-radius:1px}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1000;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.close-menu-btn{background:transparent;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:8px}.mobile-menu-content{padding:20px}.mobile-auth-section{margin-bottom:24px}.mobile-auth-group{margin-bottom:16px}.mobile-auth-group h3{font-size:16px;font-weight:600;margin-bottom:8px;color:#111827}.mobile-auth-links{display:flex;justify-content:space-between}.mobile-login-link,.mobile-signup-link{color:#2563eb;font-weight:500;text-decoration:none;font-size:14px}.mobile-nav-links{display:flex;flex-direction:column;gap:16px}.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#111827;font-weight:500;text-decoration:none;border-bottom:1px solid #f3f4f6}.mobile-nav-link .arrow{color:#9ca3af}@media (max-width: 768px){.nav,.auth-section{display:none}.mobile-menu-btn{display:flex}}.hero-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);position:relative;overflow:hidden}@media (min-width: 769px){.hero-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);min-height:600px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="%23ffffff" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.hero-content{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;position:relative}@media (min-width: 769px){.hero-content{grid-template-columns:1fr 1fr;gap:60px}}.hero-images{position:relative;height:400px;overflow:hidden;border-radius:20px;display:none}@media (min-width: 769px){.hero-images{display:block}}.image-carousel{display:flex;gap:16px;height:100%}.carousel-column{flex:1;display:flex;flex-direction:column;gap:16px;animation-duration:20s;animation-timing-function:linear;animation-iteration-count:infinite}.carousel-column.left-column{animation-name:scrollDown}.carousel-column.right-column{animation-name:scrollUp}.carousel-image{flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #00000026;transition:transform .3s ease}.carousel-image:hover{transform:scale(1.05)}.carousel-image img{width:100%;height:200px;object-fit:cover}@keyframes scrollDown{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollUp{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.mobile-carousel{width:100%;overflow:hidden;margin-top:20px}.mobile-carousel-track{display:flex;animation:scrollHorizontal 20s linear infinite}.mobile-carousel-item{flex:0 0 auto;width:140px;height:100px;margin-right:10px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.mobile-carousel-item img{width:100%;height:100%;object-fit:cover}@keyframes scrollHorizontal{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-text{animation:fadeInUp .8s ease-out;z-index:2;position:relative}.hero-title{font-family:Inter;font-weight:500;font-size:40px;line-height:100%;letter-spacing:-2%}@media (min-width: 769px){.hero-title{font-size:48px;margin-bottom:16px}}.hero-title .highlight{color:#0ea5e9;position:relative}.hero-title .highlight:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:2px;opacity:.3}.hero-subtitle{font-size:16px;color:#6b7280;margin-bottom:24px;font-weight:400}@media (min-width: 769px){.hero-subtitle{font-size:18px;margin-bottom:32px}}.search-container{position:relative;width:100%;margin-top:20px}@media (min-width: 769px){.search-container{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:1000px;z-index:10;margin-top:0}}.search-form{display:grid;grid-template-columns:1fr;gap:12px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (min-width: 769px){.search-form{grid-template-columns:1fr 1fr 1fr auto;border-radius:16px;box-shadow:0 20px 40px #00000026}}.search-field{position:relative}.search-input{width:100%;padding:16px;border:none;border-radius:8px;font-size:16px;outline:none;background:#f9fafb;transition:all .2s ease}.search-input::placeholder{color:#9ca3af}.search-input:focus{background:#fff;box-shadow:0 0 0 2px #0ea5e9}.search-btn{background:linear-gradient(135deg,#0ea5e9,#06b6d4);color:#fff;border:none;padding:16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px #0ea5e94d;display:flex;align-items:center;justify-content:center}@media (min-width: 769px){.search-btn{padding:18px 28px;border-radius:10px}}.search-btn:hover{background:linear-gradient(135deg,#0284c7,#0891b2);transform:translateY(-2px);box-shadow:0 8px 20px #0ea5e966}.search-btn:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.how-it-works{padding:40px 0;background:#fafafa}@media (min-width: 769px){.how-it-works{padding:120px 0 80px}}.how-it-works-container{max-width:1200px;margin:0 auto;padding:0 20px}.section-header{margin-bottom:24px}@media (min-width: 769px){.section-header{margin-bottom:40px}}.section-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px}@media (min-width: 769px){.section-label{font-size:14px;margin-bottom:16px}}.section-title-row{display:flex;flex-direction:column;gap:16px}@media (min-width: 769px){.section-title-row{flex-direction:row;justify-content:space-between;align-items:center;gap:0}}.section-title{font-family:Inter;font-weight:600;font-size:28px;line-height:133%;letter-spacing:0%}@media (min-width: 769px){.section-title{font-size:36px}}.section-title .highlight{font-style:italic;color:#f59e0b;position:relative}.section-title .highlight:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:3px;border-radius:2px;opacity:.3}.navigation-arrows{display:flex;gap:8px;align-self:flex-end}@media (min-width: 769px){.navigation-arrows{align-self:auto}}.nav-arrow{width:40px;height:40px;border:2px solid #d1d5db;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;color:#6b7280;font-weight:700}@media (min-width: 769px){.nav-arrow{width:50px;height:50px}}.nav-arrow:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:scale(1.1)}.nav-arrow-left:hover{transform:scale(1.1) translate(-2px)}.nav-arrow-right:hover{transform:scale(1.1) translate(2px)}.pillars-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:flex-start;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}@media (min-width: 769px){.pillars-tabs{margin-bottom:40px;justify-content:flex-start;overflow-x:visible;padding-bottom:0}}.pillar-tab{padding:8px 16px;border:none;background:#e5e7eb;color:#6b7280;border-radius:25px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:13px;white-space:nowrap}@media (min-width: 769px){.pillar-tab{padding:12px 20px;font-size:14px}}.pillar-tab.active{background:#1f2937;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #1f293733}.pillar-tab:hover:not(.active){background:#d1d5db;transform:translateY(-1px)}.cards-carousel{overflow:hidden;position:relative}.cards-track{display:flex;gap:16px;transition:transform .5s ease}@media (min-width: 769px){.cards-track{gap:24px}}.pillar-card{flex:0 0 calc(100% - 32px);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}@media (min-width: 480px){.pillar-card{flex:0 0 calc(50% - 16px)}}@media (min-width: 769px){.pillar-card{flex:0 0 calc(33.333% - 16px);border-radius:16px}}.pillar-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.card-image{position:relative;height:160px;overflow:hidden}@media (min-width: 769px){.card-image{height:200px}}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-image:hover img{transform:scale(1.1)}.card-stat{position:absolute;top:16px;left:16px;background:#fffffff2;padding:8px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0000001a}.stat-icon{font-size:16px}.stat-value{display:flex;align-items:baseline;gap:4px}.stat-number{font-weight:700;font-size:18px;color:#1f2937}.stat-unit{font-size:12px;color:#6b7280;font-weight:500}.card-content{padding:16px}@media (min-width: 769px){.card-content{padding:24px}}.card-title{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:8px}@media (min-width: 769px){.card-title{font-size:20px;margin-bottom:12px}}.card-description{color:#6b7280;line-height:1.6;font-size:14px}@media (min-width: 769px){.card-description{font-size:15px}}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:24px}@media (min-width: 769px){.carousel-indicators{margin-top:32px}}.indicator{width:8px;height:8px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:all .2s ease}@media (min-width: 769px){.indicator{width:12px;height:12px}}.indicator.active{background:#2563eb;transform:scale(1.2)}.indicator:hover:not(.active){background:#9ca3af}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#fff}.App{min-height:100vh}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input{font-family:inherit}