198 lines
3.3 KiB
CSS
198 lines
3.3 KiB
CSS
.tenant-landing {
|
|
background: #fff;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
}
|
|
|
|
.tenant-header {
|
|
background: rgba(255,255,255,0.95);
|
|
box-shadow: 0 2px 8px rgba(0,0,0,0.06);
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
height: 80px;
|
|
}
|
|
|
|
.tenant-logo img {
|
|
height: 50px;
|
|
}
|
|
|
|
.tenant-nav {
|
|
gap: 30px;
|
|
}
|
|
|
|
.nav-link {
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
color: #374151;
|
|
font-weight: 500;
|
|
transition: color 0.2s;
|
|
}
|
|
|
|
.nav-link:hover {
|
|
color: #3b82f6;
|
|
}
|
|
|
|
.login-btn {
|
|
background: #3b82f6 !important;
|
|
color: #fff !important;
|
|
border: none !important;
|
|
padding: 10px 24px !important;
|
|
border-radius: 8px !important;
|
|
font-size: 14px !important;
|
|
font-weight: 600 !important;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.login-btn:hover {
|
|
background: #2563eb !important;
|
|
}
|
|
|
|
.tenant-hero {
|
|
background: linear-gradient(180deg, #f0f7ff 0%, #fff 60%, #f5f8ff 100%);
|
|
min-height: 520px;
|
|
}
|
|
|
|
.hero-content {
|
|
color: #111827;
|
|
}
|
|
|
|
.hero-title {
|
|
font-size: 56px !important;
|
|
font-weight: 800 !important;
|
|
line-height: 1.15 !important;
|
|
color: #111827 !important;
|
|
}
|
|
|
|
.hero-subtitle {
|
|
font-size: 22px !important;
|
|
color: #4b5563 !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.hero-btn {
|
|
background: #3b82f6 !important;
|
|
color: #fff !important;
|
|
border: none !important;
|
|
padding: 14px 36px !important;
|
|
border-radius: 8px !important;
|
|
font-size: 16px !important;
|
|
font-weight: 600 !important;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.hero-btn:hover {
|
|
background: #2563eb !important;
|
|
}
|
|
|
|
.hero-image {
|
|
width: 45%;
|
|
}
|
|
|
|
.tenant-solutions {
|
|
background: #fff;
|
|
}
|
|
|
|
.section-title {
|
|
font-size: 36px !important;
|
|
font-weight: 700 !important;
|
|
text-align: center !important;
|
|
color: #111827 !important;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.solution-cards {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 24px;
|
|
}
|
|
|
|
.solution-card {
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
|
|
transition: transform 0.2s, box-shadow 0.2s;
|
|
}
|
|
|
|
.solution-card:hover {
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 8px 30px rgba(0,0,0,0.12);
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 24px !important;
|
|
font-weight: 700 !important;
|
|
color: #111827 !important;
|
|
}
|
|
|
|
.card-text {
|
|
font-size: 15px !important;
|
|
color: #6b7280 !important;
|
|
line-height: 1.6 !important;
|
|
}
|
|
|
|
.card-stat {
|
|
font-size: 14px !important;
|
|
color: #3b82f6 !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.tenant-cases {
|
|
background: #f8faff;
|
|
}
|
|
|
|
.case-cards {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 24px;
|
|
}
|
|
|
|
.case-card {
|
|
background: #fff;
|
|
border-radius: 16px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
|
|
transition: transform 0.2s;
|
|
}
|
|
|
|
.case-card:hover {
|
|
transform: translateY(-4px);
|
|
}
|
|
|
|
.case-image img {
|
|
width: 100%;
|
|
height: 200px;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.case-title {
|
|
font-size: 20px !important;
|
|
font-weight: 700 !important;
|
|
color: #111827 !important;
|
|
padding: 0 20px !important;
|
|
}
|
|
|
|
.case-company {
|
|
font-size: 14px !important;
|
|
color: #3b82f6 !important;
|
|
font-weight: 600 !important;
|
|
padding: 0 20px !important;
|
|
}
|
|
|
|
.case-desc {
|
|
font-size: 14px !important;
|
|
color: #6b7280 !important;
|
|
line-height: 1.6 !important;
|
|
padding: 0 20px 20px !important;
|
|
}
|
|
|
|
.tenant-footer {
|
|
background: #111827;
|
|
color: #fff;
|
|
min-height: 80px;
|
|
}
|
|
|
|
.footer-text {
|
|
color: rgba(255,255,255,0.6);
|
|
font-size: 14px !important;
|
|
}
|