0x1998 - MANAGER

Düzenlenen Dosya: index.css

/* ==============================
   BEPARAGON LLC - Global Styles
   ============================== */

:root {
  --color-primary: #1B3A5C;
  --color-primary-light: #2A5A8C;
  --color-primary-dark: #0F2540;
  --color-accent: #D4A843;
  --color-accent-light: #E8C96A;
  --color-accent-dark: #B8882A;
  --color-bg: #FFFFFF;
  --color-bg-alt: #F5F7FA;
  --color-bg-dark: #1B3A5C;
  --color-text-primary: #1A1A2E;
  --color-text-secondary: #4A5568;
  --color-text-light: #718096;
  --color-text-white: #FFFFFF;
  --color-border: #E2E8F0;
  --color-shadow: rgba(27, 58, 92, 0.12);
  --color-shadow-strong: rgba(27, 58, 92, 0.25);
  --font-family: 'Inter', system-ui, -apple-system, sans-serif;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  --font-size-5xl: 3rem;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 3rem;
  --spacing-3xl: 4rem;
  --spacing-4xl: 6rem;
  --spacing-5xl: 8rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --container-max: 1200px;
  --container-padding: 1.5rem;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg)}
h1,h2,h3{font-weight:700;line-height:1.2;color:var(--color-text-primary)}
h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}
p{color:var(--color-text-secondary);line-height:1.7}
a{color:var(--color-primary);text-decoration:none}
a:hover{color:var(--color-accent)}
.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}
.section{padding:var(--spacing-5xl) 0}
.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}
.section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--spacing-sm)}
.section-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-md);line-height:1.2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:0.75rem 1.75rem;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}
.btn-accent{background-color:var(--color-accent);color:var(--color-text-white);border-color:var(--color-accent)}
.btn-accent:hover{background-color:var(--color-accent-dark);border-color:var(--color-accent-dark);color:var(--color-text-white)}
.btn-outline-white{background-color:transparent;color:var(--color-text-white);border-color:var(--color-text-white)}
.btn-outline-white:hover{background-color:var(--color-text-white);color:var(--color-primary)}
.btn-lg{padding:1rem 2.25rem;font-size:var(--font-size-lg)}
.bg-white{background-color:var(--color-bg)}
.bg-alt{background-color:var(--color-bg-alt)}

/* Header */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:var(--color-primary)}
.header__inner{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 var(--container-padding)}
.header__logo{display:flex;align-items:center;gap:var(--spacing-sm)}
.header__logo-icon{font-size:1.5rem}
.header__logo-text{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-white)}
.header__logo-llc{color:var(--color-accent)}
.header__nav{flex:1;display:flex;justify-content:center}
.header__nav-list{list-style:none;display:flex;gap:var(--spacing-xs)}
.header__nav-link{display:block;padding:0.5rem 0.875rem;font-size:var(--font-size-sm);font-weight:500;color:rgba(255,255,255,0.85);border-radius:var(--radius-md)}
.header__nav-link:hover{color:var(--color-accent)}
.header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}
.header__login-btn{background:none;border:1.5px solid rgba(255,255,255,0.45);color:rgba(255,255,255,0.9);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;padding:0.5rem 1.125rem;border-radius:var(--radius-md);cursor:pointer}
.header__user-menu{display:flex;align-items:center;gap:var(--spacing-sm)}
.header__user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-dark),var(--color-accent));color:white;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700}
.header__user-name{font-size:var(--font-size-sm);font-weight:600;color:white;text-transform:capitalize}

/* Hero */
.hero{position:relative;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary),var(--color-primary-light));padding:140px 0 80px;min-height:100vh;display:flex;align-items:center}
.hero__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4xl)}
.hero__content{max-width:600px}
.hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);background-color:rgba(212,168,67,0.15);border:1px solid rgba(212,168,67,0.35);color:var(--color-accent-light);font-size:var(--font-size-sm);font-weight:500;padding:0.375rem 1rem;border-radius:var(--radius-full);margin-bottom:var(--spacing-xl)}
.hero__badge-dot{width:8px;height:8px;border-radius:50%;background-color:var(--color-accent)}
.hero__title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:var(--color-text-white);line-height:1.15;margin-bottom:var(--spacing-xl)}
.hero__title-accent{color:var(--color-accent)}
.hero__subtitle{font-size:var(--font-size-lg);color:rgba(255,255,255,0.75);line-height:1.7;margin-bottom:var(--spacing-2xl)}
.hero__actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}

/* Features */
.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}
.feature-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-md)}
.feature-card__top{display:flex;align-items:center;justify-content:space-between}
.feature-card__icon{font-size:2.25rem;background-color:var(--color-bg-alt);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}
.feature-card__tag{font-size:var(--font-size-xs);font-weight:600;letter-spacing:0.05em;text-transform:uppercase;padding:0.25rem 0.625rem;border-radius:var(--radius-full);background-color:rgba(27,58,92,0.08);color:var(--color-primary)}
.feature-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}
.feature-card__desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:1.7}

/* Services */
.services__list{display:flex;flex-direction:column;gap:var(--spacing-3xl)}
.service-item{display:flex;align-items:center;gap:var(--spacing-2xl)}
.service-item__icon-wrap{width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:40% 60% 60% 40%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));opacity:0.12}
.service-item__icon{font-size:3rem;position:relative;z-index:1}
.service-item__title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}
.service-item__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary)}

/* Statistics */
.statistics{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));padding:var(--spacing-5xl) 0}
.statistics__header{text-align:center;margin-bottom:var(--spacing-3xl)}
.statistics__title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-text-white)}
.statistics__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xl)}
.stat-card{text-align:center;padding:var(--spacing-2xl);background-color:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius-xl)}
.stat-card__icon{font-size:2rem;margin-bottom:var(--spacing-md)}
.stat-card__value{font-size:var(--font-size-4xl);font-weight:900;color:var(--color-accent);margin-bottom:var(--spacing-sm)}
.stat-card__label{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-white)}

/* Testimonials Slider */
.testimonial-slider{position:relative;max-width:800px;margin:0 auto;padding:0 var(--spacing-xl)}
.testimonial-slider__wrapper{overflow:hidden;border-radius:var(--radius-2xl)}
.testimonial-slider__track{display:flex;transition:transform 0.5s ease-in-out}
.testimonial-slider__slide{min-width:100%;padding:var(--spacing-md)}
.testimonial-slider__card{background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}
.testimonial-slider__card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light))}
.testimonial-slider__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}
.testimonial-slider__quote-icon{font-size:80px;color:var(--color-primary);opacity:0.1;font-family:Georgia,serif;line-height:0.8;position:absolute;top:20px;right:30px}
.testimonial-slider__stars{display:flex;gap:4px}
.testimonial-slider__star{font-size:var(--font-size-lg);color:var(--color-border)}
.testimonial-slider__star--filled{color:#f59e0b}
.testimonial-slider__quote{font-size:var(--font-size-xl);color:var(--color-text-primary);line-height:1.7;font-style:italic;margin-bottom:var(--spacing-lg);position:relative;z-index:1}
.testimonial-slider__metric{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}
.testimonial-slider__metric-icon{font-size:var(--font-size-base)}
.testimonial-slider__author{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}
.testimonial-slider__avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary)}
.testimonial-slider__name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary)}
.testimonial-slider__role{font-size:var(--font-size-sm);color:var(--color-text-secondary)}
.testimonial-slider__btn{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s;z-index:10;box-shadow:var(--shadow-md)}
.testimonial-slider__btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:white}
.testimonial-slider__btn--left{left:-10px}
.testimonial-slider__btn--right{right:-10px}
.testimonial-slider__dots{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}
.testimonial-slider__dot{width:12px;height:12px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all 0.3s}
.testimonial-slider__dot--active{background:var(--color-primary);transform:scale(1.2)}
.testimonial-slider__dot:hover{background:var(--color-primary-light)}

@media(max-width:768px){
.testimonial-slider{padding:0}
.testimonial-slider__card{padding:var(--spacing-xl)}
.testimonial-slider__quote{font-size:var(--font-size-lg)}
.testimonial-slider__btn{width:40px;height:40px}
.testimonial-slider__btn--left{left:0}
.testimonial-slider__btn--right{right:0}
}

/* CTA */
.cta-section{background-color:var(--color-bg-alt);padding:var(--spacing-5xl) 0}
.cta-section__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4xl);align-items:start}
.cta-section__pitch{padding-top:var(--spacing-sm)}
.cta-section__title{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);margin:var(--spacing-sm) 0 var(--spacing-lg)}
.cta-section__contact-info{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}
.cta-section__contact-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-text-secondary)}
.cta-section__contact-item a{color:var(--color-primary);text-decoration:none;font-weight:500}
.cta-section__contact-item a:hover{text-decoration:underline}
.cta-section__contact-icon{font-size:var(--font-size-lg)}
.cta-section__perks{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}
.cta-section__perks li{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-base);color:var(--color-text-secondary)}
.cta-section__perk-icon{width:24px;height:24px;border-radius:50%;background-color:var(--color-primary);color:white;display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:700}
.cta-section__form-wrap{background-color:var(--color-bg);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}
.cta-section__desc{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}
.cta-section__contact-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:rgba(255,255,255,0.05);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);transition:transform 0.2s,box-shadow 0.2s}
.cta-section__contact-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.cta-section__contact-icon-wrap{width:44px;height:44px;min-width:44px;background:var(--color-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}
.cta-section__contact-details h4{font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}
.cta-section__contact-details p,.cta-section__contact-details a{font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none}
.cta-section__contact-details a:hover{color:var(--color-primary)}
.cta-section__social{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,0.1)}
.cta-section__social h4{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}
.cta-section__social-links{display:flex;gap:var(--spacing-sm)}
.cta-section__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.1);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:background 0.2s,color 0.2s,transform 0.2s}
.cta-section__social-link:hover{background:var(--color-primary);color:white;transform:translateY(-2px)}
.cta-form__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:calc(var(--spacing-xs) * -1);margin-bottom:var(--spacing-lg)}
.cta-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}
.cta-form__label{display:block;font-size:var(--font-size-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:500}
.cta-form__error{background:#fee2e2;color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}
.cta-form__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.cta-form__spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-radius:50%;border-top-color:white;animation:spin 0.8s linear infinite;margin-right:var(--spacing-sm)}
@keyframes spin{to{transform:rotate(360deg)}}
.cta-section__success{text-align:center;padding:var(--spacing-xl) var(--spacing-md)}
.cta-section__success-icon{width:80px;height:80px;background:var(--color-success,#10b981);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:40px;color:white;animation:scaleIn 0.3s ease-out}
@keyframes scaleIn{from{transform:scale(0)}to{transform:scale(1)}}
.cta-section__success h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}
.cta-section__success p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}
.cta-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}
.cta-form__title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary)}
.cta-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.cta-form__input{width:100%;padding:0.75rem 1rem;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none}
.cta-form__input:focus{border-color:var(--color-primary)}
.cta-form__textarea{resize:vertical;min-height:100px}
.cta-form__submit{width:100%;justify-content:center;padding:1rem}

/* Footer */
.footer{background-color:var(--color-primary-dark);padding:var(--spacing-5xl) 0 var(--spacing-xl)}
.footer__top-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}
.footer__logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}
.footer__logo-icon{font-size:1.5rem}
.footer__logo-text{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-white)}
.footer__logo-llc{color:var(--color-accent)}
.footer__brand-desc{font-size:var(--font-size-sm);color:rgba(255,255,255,0.55);line-height:1.7;margin-bottom:var(--spacing-xl);max-width:300px}
.footer__col-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-white);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:var(--spacing-md)}
.footer__link{display:block;font-size:var(--font-size-sm);color:rgba(255,255,255,0.55);margin-bottom:var(--spacing-sm)}
.footer__link:hover{color:var(--color-accent-light)}
.footer__bottom{padding-top:var(--spacing-xl);border-top:1px solid rgba(255,255,255,0.08)}
.footer__copyright{font-size:var(--font-size-sm);color:rgba(255,255,255,0.4)}

/* Login Page */
.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.login-page__left{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 50%,#1E4A6D 100%);padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.login-page__left::before{content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(212,168,67,0.1) 0%,transparent 70%);}
.login-page__left::after{content:'';position:absolute;bottom:-30%;left:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(212,168,67,0.08) 0%,transparent 60%);}
.login-page__brand{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl);position:relative;z-index:1}
.login-page__brand-icon{font-size:2rem;animation:pulse 2s ease-in-out infinite}
.login-page__brand-name{font-size:var(--font-size-xl);font-weight:800;color:white;letter-spacing:-0.02em}
.login-page__brand-name span{color:var(--color-accent)}
.login-page__left-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;color:white;line-height:1.25;margin-bottom:var(--spacing-2xl);position:relative;z-index:1}
.login-page__features{position:relative;z-index:1;margin-top:var(--spacing-xl)}
.login-page__feature{display:flex;align-items:center;gap:var(--spacing-md);color:rgba(255,255,255,0.8);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}
.login-page__feature-icon{width:32px;height:32px;background:rgba(212,168,67,0.2);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1rem}
.login-page__right{background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);position:relative}
.login-page__back-home{position:absolute;top:20px;left:20px;background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 12px;border-radius:8px;transition:background 0.2s}
.login-page__back-home:hover{background:rgba(0,0,0,0.05)}
.login-page__right::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(212,168,67,0.05) 0%,transparent 50%)}
.login-form{width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative;z-index:1}
.login-page__form-title{font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}
.login-page__form-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-xl)}
.login-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.login-form__password-wrapper{position:relative;display:flex;align-items:center}
.login-form__password-wrapper .login-form__input{padding-right:40px}
.login-form__password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;padding:4px}
.login-form__label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.login-form__input{padding:0.875rem 1rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-fast);background:var(--color-bg-alt)}
.login-form__input:focus{outline:none;border-color:var(--color-primary);background:white;box-shadow:0 0 0 3px rgba(27,58,92,0.1)}
.login-form__input::placeholder{color:var(--color-text-light)}
.login-form__submit{width:100%;padding:1rem;margin-top:var(--spacing-md);font-size:var(--font-size-base);box-shadow:0 4px 14px rgba(212,168,67,0.4)}
.login-form__submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(212,168,67,0.5)}
.login-form__footer{text-align:center;margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:var(--font-size-sm)}
.login-form__footer a{color:var(--color-primary);font-weight:600}
.login-page__divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--color-text-light);font-size:var(--font-size-sm)}
.login-page__divider::before,.login-page__divider::after{content:'';flex:1;height:1px;background:var(--color-border)}
.login-social{display:flex;gap:var(--spacing-md)}
.login-social__btn{flex:1;padding:0.75rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:white;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:500;transition:all var(--transition-fast)}
.login-social__btn:hover{border-color:var(--color-primary);background:var(--color-bg-alt)}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.login-form__input{width:100%;padding:0.875rem 1rem;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg-alt);border:1.5px solid var(--color-border);border-radius:var(--radius-md);outline:none}
.login-form__submit{width:100%;justify-content:center;padding:1rem}

/* Forgot Password Modal */
.forgot-password-modal{max-width:420px;width:90%;padding:40px;background:var(--color-white);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.2);position:relative;text-align:center}
.forgot-password-modal__content{display:flex;flex-direction:column;align-items:center}
.forgot-password-modal__header{margin-bottom:24px}
.forgot-password-modal__icon{font-size:48px;margin-bottom:16px}
.forgot-password-modal__title{font-size:24px;font-weight:700;color:var(--color-text);margin-bottom:8px}
.forgot-password-modal__subtitle{font-size:14px;color:var(--color-text-light);margin:0}
.forgot-password-modal__form{width:100%;display:flex;flex-direction:column;gap:16px}
.forgot-password-modal__btn{width:100%;padding:14px;background:linear-gradient(135deg, #D4A843 0%, #C49832 100%);color:#0D2847;border:none;border-radius:10px;font-size:16px;font-weight:600;margin-top:8px;transition:transform 0.2s,box-shadow 0.2s}
.forgot-password-modal__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,168,67,0.4)}
.forgot-password-modal__btn:disabled{opacity:0.6;cursor:not-allowed}
.forgot-password-modal__error{background:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;text-align:left;border-left:4px solid #dc2626}
.forgot-password-modal__footer{margin-top:20px}
.forgot-password-modal__back-link{background:none;border:none;color:var(--color-primary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;transition:color 0.2s}
.forgot-password-modal__back-link:hover{color:var(--color-primary-dark);text-decoration:underline}
.forgot-password-modal__back-link:disabled{opacity:0.6;cursor:not-allowed}
.forgot-password-modal__success{text-align:center;padding:20px 0}
.forgot-password-modal__success-icon{width:72px;height:72px;background:linear-gradient(135deg, #D4A843 0%, #C49832 100%);color:#0D2847;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px}
.forgot-password-modal__success .forgot-password-modal__title{font-size:28px;margin-bottom:12px}
.forgot-password-modal__message{font-size:16px;color:var(--color-text);margin-bottom:8px}
.forgot-password-modal__help{font-size:14px;color:var(--color-text-light);margin-bottom:24px}
.login-form__forgot{margin-bottom:12px}
.login-form__forgot a{color:var(--color-primary);font-weight:500;font-size:14px}
.login-form__forgot a:hover{text-decoration:underline}
.login-page-wrapper{min-height:100vh}

/* Register Page - Modern Card Design */
.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg, #0D2847 0%, #1E4A6D 50%, #0D2847 100%)}
.register-page__card{background:#fff;border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,0.15);padding:40px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}
.register-page__header{text-align:center;margin-bottom:30px}
.register-page__logo{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px}
.register-page__logo-icon{font-size:28px}
.register-page__logo-text{font-size:20px;font-weight:700;color:#0D2847}
.register-page__logo-llc{color:#D4A843;font-weight:400}
.register-page__title{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.register-page__subtitle{color:#666;font-size:14px}
.register-page__form{display:flex;flex-direction:column;gap:16px}
.register-page__field{display:flex;flex-direction:column;gap:6px}
.register-page__password-wrapper{position:relative;display:flex;align-items:center}
.register-page__password-wrapper .register-page__input{padding-right:40px}
.register-page__password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;padding:4px}
.register-page__label{font-size:13px;font-weight:600;color:#333}
.register-page__input{width:100%;padding:12px 16px;font-size:14px;border:2px solid #e5e7eb;border-radius:10px;outline:none;transition:border-color 0.2s}
.register-page__input:focus{border-color:#D4A843}
.register-page__input::placeholder{color:#9ca3af}
.register-page__btn{width:100%;padding:14px;background:linear-gradient(135deg, #D4A843 0%, #C49832 100%);color:#0D2847;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}
.register-page__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,168,67,0.4)}
.register-page__btn:disabled{opacity:0.7;cursor:not-allowed}
.register-page__error{background:#fee2e2;color:#dc2626;padding:12px;border-radius:8px;font-size:13px}
.register-page__footer{margin-top:8px}
.register-page__back{background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:0}
.register-page__back:hover{color:#333}
.register-page__footer-text{text-align:center;margin-top:20px;color:#666;font-size:14px}
.register-page__footer-text a{color:#D4A843;font-weight:600;text-decoration:none}
.register-page__footer-text a:hover{text-decoration:underline}

/* Dashboard */

/* Dashboard */
.dashboard{display:flex;min-height:100vh;background-color:#F0F4F8}
.dashboard__sidebar{width:260px;background:linear-gradient(180deg,var(--color-primary-dark) 0%,#0D1E33 100%);padding:var(--spacing-xl);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100}
.dashboard__sidebar-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,0.08)}
.dashboard__sidebar-logo-icon{font-size:1.75rem}
.dashboard__sidebar-logo-text{font-size:var(--font-size-lg);font-weight:800;color:white;letter-spacing:-0.02em}
.dashboard__sidebar-logo-text span{color:var(--color-accent)}
.dashboard__sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}
.dashboard__sidebar-link{background:none;border:none;cursor:pointer;color:rgba(255,255,255,0.65);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;text-align:left;padding:0.75rem 1rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:var(--spacing-md);transition:all var(--transition-base)}
.dashboard__sidebar-link:hover{background-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.95)}
.dashboard__sidebar-link--active{background:linear-gradient(135deg,rgba(212,168,67,0.2),rgba(212,168,67,0.1));color:var(--color-accent-light);border-left:3px solid var(--color-accent)}
.dashboard__sidebar-icon{font-size:1.1rem;width:24px;text-align:center}
.dashboard__sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,0.08)}
.dashboard__main{flex:1;margin-left:260px;min-height:100vh}
.dashboard__topbar{background:white;border-bottom:1px solid var(--color-border);padding:1.25rem var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px rgba(0,0,0,0.04)}
.dashboard__topbar-left{display:flex;flex-direction:column;gap:0.125rem}
.dashboard__topbar-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-transform:capitalize;margin:0}
.dashboard__topbar-subtitle{font-size:var(--font-size-xs);color:var(--color-text-light)}
.dashboard__topbar-actions{display:flex;align-items:center;gap:var(--spacing-md)}
.dashboard__topbar-btn{width:40px;height:40px;border-radius:var(--radius-lg);background:var(--color-bg-alt);border:none;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-base)}
.dashboard__topbar-btn:hover{background:var(--color-border)}
.dashboard__topbar-badge{position:absolute;top:6px;right:6px;width:16px;height:16px;background:#EF4444;color:white;font-size:0.625rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}
.dashboard__topbar-user{display:flex;align-items:center;gap:var(--spacing-md);padding-left:var(--spacing-md);border-left:1px solid var(--color-border);margin-left:var(--spacing-sm)}
.dashboard__topbar-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:white;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:700;box-shadow:0 2px 8px rgba(27,58,92,0.25)}
.dashboard__topbar-user-info{display:flex;flex-direction:column}
.dashboard__topbar-user-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);text-transform:capitalize}
.dashboard__topbar-user-role{font-size:var(--font-size-xs);color:var(--color-text-light)}
.dashboard__body{padding:var(--spacing-2xl)}
.dashboard__welcome{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-xl);padding:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 20px rgba(27,58,92,0.2)}
.dashboard__welcome-content{max-width:60%}
.dashboard__welcome h2{font-size:var(--font-size-2xl);font-weight:800;color:white;margin-bottom:var(--spacing-xs)}
.dashboard__welcome p{color:rgba(255,255,255,0.8);margin:0;font-size:var(--font-size-base)}
.dashboard__welcome-actions{display:flex;gap:var(--spacing-md)}
.dashboard__welcome-actions .btn-outline-white{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3)}
.dashboard__welcome-actions .btn-outline-white:hover{background:white;color:var(--color-primary)}
.dashboard__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}
.dashboard__stat-card{background:white;border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all var(--transition-base)}
.dashboard__stat-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.08);transform:translateY(-2px)}
.dashboard__stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}
.dashboard__stat-card-icon{font-size:1.25rem;background:var(--color-bg-alt);width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}
.dashboard__stat-card-trend{font-size:var(--font-size-xs);font-weight:600;padding:0.25rem 0.5rem;border-radius:var(--radius-full)}
.dashboard__stat-card-trend.positive{background:rgba(16,185,129,0.1);color:#059669}
.dashboard__stat-card-trend.negative{background:rgba(239,68,68,0.1);color:#DC2626}
.dashboard__stat-card-value{font-size:var(--font-size-3xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}
.dashboard__stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}
.dashboard__stat-card-bar{height:4px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}
.dashboard__stat-card-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}
.dashboard__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}
.dashboard__card{background:white;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:0 1px 3px rgba(0,0,0,0.04);overflow:hidden}
.dashboard__card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}
.dashboard__card-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);margin:0}
.dashboard__card-action{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:color var(--transition-fast)}
.dashboard__card-action:hover{color:var(--color-accent)}
.dashboard__card-select{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.5rem 0.75rem;font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;outline:none}

/* Leads Table */
.dashboard__leads-table{padding:var(--spacing-lg)}
.dashboard__leads-header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:var(--spacing-md);padding:0 var(--spacing-md) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--color-border)}
.dashboard__leads-row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-md);align-items:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}
.dashboard__leads-row:hover{background:var(--color-bg-alt)}
.dashboard__leads-lead{display:flex;align-items:center;gap:var(--spacing-md)}
.dashboard__leads-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700}
.dashboard__leads-info{display:flex;flex-direction:column}
.dashboard__leads-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.dashboard__leads-time{font-size:var(--font-size-xs);color:var(--color-text-light)}
.dashboard__leads-property{font-size:var(--font-size-sm);color:var(--color-text-secondary)}
.dashboard__leads-status{display:inline-flex;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;width:fit-content}
.dashboard__leads-status.status-hot{background:rgba(239,68,68,0.1);color:#DC2626}
.dashboard__leads-status.status-warm{background:rgba(245,158,11,0.1);color:#D97706}
.dashboard__leads-status.status-cold{background:rgba(107,114,128,0.1);color:#4B5563}
.dashboard__leads-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}

/* Tasks */
.dashboard__tasks-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}
.dashboard__task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);transition:background var(--transition-fast)}
.dashboard__task-item:hover{background:var(--color-bg-alt)}
.dashboard__task-priority{width:4px;height:32px;border-radius:var(--radius-full)}
.dashboard__task-priority--high{background:#EF4444}
.dashboard__task-priority--medium{background:#F59E0B}
.dashboard__task-priority--low{background:#10B981}
.dashboard__task-content{flex:1;display:flex;flex-direction:column;gap:0.125rem}
.dashboard__task-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.dashboard__task-time{font-size:var(--font-size-xs);color:var(--color-text-light)}
.dashboard__task-btn{width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-bg-alt);border:none;cursor:pointer;color:var(--color-text-light);font-size:0.75rem;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}
.dashboard__task-btn:hover{background:var(--color-primary);color:white}

/* Pipeline */
.dashboard__pipeline{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}
.dashboard__pipeline-stage{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.dashboard__pipeline-header{display:flex;align-items:center;gap:var(--spacing-sm)}
.dashboard__pipeline-dot{width:8px;height:8px;border-radius:50%}
.dashboard__pipeline-stage-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}
.dashboard__pipeline-count{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}
.dashboard__pipeline-value{font-size:var(--font-size-xs);color:var(--color-text-light)}
.dashboard__pipeline-bar{height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);overflow:hidden}
.dashboard__pipeline-bar-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}

/* Performance Chart */
.dashboard__chart{padding:var(--spacing-xl)}
.dashboard__chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:180px;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-lg)}
.dashboard__chart-bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}
.dashboard__chart-bar{width:100%;max-width:32px;background:linear-gradient(180deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:auto;transition:height var(--transition-base)}
.dashboard__chart-label{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-sm)}
.dashboard__chart-summary{display:flex;justify-content:space-around}
.dashboard__chart-stat{display:flex;flex-direction:column;align-items:center;text-align:center}
.dashboard__chart-stat-value{font-size:var(--font-size-xl);font-weight:800;color:var(--color-text-primary)}
.dashboard__chart-stat-label{font-size:var(--font-size-xs);color:var(--color-text-light)}

@media(max-width:1400px){.dashboard__stats-grid{grid-template-columns:repeat(2,1fr)}
.dashboard__grid{grid-template-columns:1fr}}

@media(max-width:1024px){.hero__inner{flex-direction:column;text-align:center}.features__grid,.statistics__grid{grid-template-columns:repeat(2,1fr)}.cta-section__inner{grid-template-columns:1fr}.dashboard__sidebar{width:80px;padding:var(--spacing-md)}.dashboard__sidebar-logo-text,.dashboard__sidebar-link span:not(.dashboard__sidebar-icon){display:none}.dashboard__sidebar-link{padding:0.75rem;justify-content:center}.dashboard__sidebar-header{justify-content:center}.dashboard__main{margin-left:80px}}

@media(max-width:768px){.header__nav{display:none}.features__grid,.statistics__grid,.dashboard__stats-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-page__left{min-height:200px}.footer__top-inner{grid-template-columns:1fr}.dashboard__welcome{flex-direction:column;text-align:center;gap:var(--spacing-lg)}.dashboard__welcome-content{max-width:100%}.cta-form__row{grid-template-columns:1fr}.cta-section__title{font-size:var(--font-size-2xl)}.cta-section__contact-card{flex-direction:column;text-align:center}.cta-section__social-links{justify-content:center}}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn 0.2s ease}
.modal{background:white;border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:90vh;overflow:auto;animation:slideUp 0.3s ease}
.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--color-border)}
.modal__title{font-size:var(--font-size-xl);font-weight:700;margin:0}
.modal__close{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-alt);border:none;cursor:pointer;font-size:1.25rem;color:var(--color-text-secondary)}
.modal__close:hover{background:var(--color-border)}
.modal__content{padding:var(--spacing-xl)}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Lead Form */
.lead-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}
.lead-form__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}
.lead-form__field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.lead-form__input{padding:0.75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}
.lead-form__input:focus{outline:none;border-color:var(--color-primary)}
.lead-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}
.lead-form__submit{margin-top:var(--spacing-md)}

/* Search Modal */
.search-input{width:100%;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}
.search-input:focus{outline:none;border-color:var(--color-primary)}
.search-results{max-height:300px;overflow:auto}
.search-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-light)}
.search-result{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}
.search-result:hover{background:var(--color-bg-alt)}
.search-result__type{font-size:var(--font-size-xs);font-weight:600;padding:0.25rem 0.5rem;background:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-text-secondary)}
.search-result__name{font-weight:600;color:var(--color-text-primary)}
.search-result__detail{color:var(--color-text-light);font-size:var(--font-size-sm)}

/* Notifications */
.notifications-list{display:flex;flex-direction:column}
.notification-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}
.notification-item:last-child{border-bottom:none}
.notification-item__icon{font-size:1.25rem}
.notification-item__content{display:flex;flex-direction:column;flex:1}
.notification-item__text{font-size:var(--font-size-sm);color:var(--color-text-primary)}
.notification-item__time{font-size:var(--font-size-xs);color:var(--color-text-light)}

/* Filter Bar */
.filter-bar{display:flex;gap:var(--spacing-sm);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}
.filter-btn{padding:0.5rem 1rem;border:none;background:var(--color-bg-alt);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}
.filter-btn:hover{background:var(--color-border)}
.filter-btn--active{background:var(--color-primary);color:white}

/* Leads Table (Full Page) */
.leads-table{padding:var(--spacing-lg)}
.leads-table__header{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 0.75fr;gap:var(--spacing-md);padding:var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-light);text-transform:uppercase;letter-spacing:0.05em;border-bottom:1px solid var(--color-border)}
.leads-table__row{display:grid;grid-template-columns:2fr 1.5fr 1fr 1fr 0.75fr;gap:var(--spacing-md);padding:var(--spacing-md);align-items:center;border-radius:var(--radius-md);transition:background var(--transition-fast)}
.leads-table__row:hover{background:var(--color-bg-alt)}
.leads-table__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700}
.leads-table__info{display:flex;flex-direction:column}
.leads-table__name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.leads-table__time{font-size:var(--font-size-xs);color:var(--color-text-light)}
.leads-table__status{display:inline-flex;padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;width:fit-content}
.leads-table__delete{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:var(--font-size-sm)}
.leads-table__delete:hover{color:#EF4444}

/* Tasks Section */
.tasks-list{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}
.task-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-bg-alt);transition:background var(--transition-fast)}
.task-item:hover{background:var(--color-border)}
.task-item--completed{opacity:0.6}
.task-item--completed .task-item__title{text-decoration:line-through}
.task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}
.task-item__content{flex:1;display:flex;flex-direction:column;gap:0.125rem}
.task-item__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary)}
.task-item__time{font-size:var(--font-size-xs);color:var(--color-text-light)}
.task-item__priority{padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:capitalize}
.task-item__priority--high{background:rgba(239,68,68,0.1);color:#DC2626}
.task-item__priority--medium{background:rgba(245,158,11,0.1);color:#D97706}
.task-item__priority--low{background:rgba(16,185,129,0.1);color:#059669}
.task-item__delete{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1.25rem;padding:0.25rem}
.task-item__delete:hover{color:#EF4444}

/* Properties Grid */
.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);padding:var(--spacing-lg)}
.property-card{background:white;border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;transition:all var(--transition-base)}
.property-card:hover{box-shadow:0 8px 25px rgba(0,0,0,0.08);transform:translateY(-2px)}
.property-card__image{height:160px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));display:flex;align-items:center;justify-content:center;font-size:3rem}
.property-card__content{padding:var(--spacing-lg)}
.property-card__title{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-xs)}
.property-card__address{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:var(--spacing-md)}
.property-card__details{display:flex;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}
.property-card__footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}
.property-card__price{font-size:var(--font-size-xl);font-weight:800;color:var(--color-primary)}
.property-card__status{padding:0.25rem 0.75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}
.property-card__status--active{background:rgba(16,185,129,0.1);color:#059669}
.property-card__status--pending{background:rgba(245,158,11,0.1);color:#D97706}
.property-card__status--sold{background:rgba(107,114,128,0.1);color:#4B5563}
.property-card__delete{width:100%;padding:0.5rem;background:var(--color-bg-alt);border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm)}
.property-card__delete:hover{background:#FEE2E2;color:#DC2626}

/* Deals Pipeline */
.deals-pipeline{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);overflow-x:auto}
.deals-pipeline__column{min-width:280px;background:var(--color-bg-alt);border-radius:var(--radius-lg);padding:var(--spacing-md)}
.deals-pipeline__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-md);border-bottom:3px solid}
.deals-pipeline__cards{display:flex;flex-direction:column;gap:var(--spacing-sm)}
.deal-card{background:white;border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-border)}
.deal-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}
.deal-card__client{font-weight:600;color:var(--color-text-primary)}
.deal-card__delete{background:none;border:none;color:var(--color-text-light);cursor:pointer;font-size:1rem}
.deal-card__delete:hover{color:#EF4444}
.deal-card__property{font-size:var(--font-size-sm);color:var(--color-text-light);display:block;margin-bottom:var(--spacing-xs)}
.deal-card__value{font-weight:700;color:var(--color-primary);display:block;margin-bottom:var(--spacing-sm)}
.deal-card__stage-actions{display:flex;justify-content:space-between;align-items:center}
.deal-card__stage-select{font-size:var(--font-size-xs);padding:0.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:white}
.deal-card__probability{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}

/* Analytics */
.period-select{padding:0.5rem 1rem;border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-md);background:rgba(255,255,255,0.15);color:white;font-size:var(--font-size-sm);cursor:pointer}
.period-select:focus{outline:none;border-color:white}
.analytics-chart{padding:var(--spacing-lg)}
.analytics-chart__bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:var(--spacing-md)}
.analytics-chart__bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}
.analytics-chart__bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:auto;transition:height var(--transition-base)}
.analytics-chart__label{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:var(--spacing-sm)}
.analytics-list{padding:var(--spacing-lg)}
.analytics-list__item{display:flex;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}
.analytics-list__item:last-child{border-bottom:none}
.analytics-list__value{font-weight:600;color:var(--color-primary)}
.funnel{padding:var(--spacing-lg)}
.funnel__stage{display:flex;justify-content:space-between;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--color-bg-alt);border-radius:var(--radius-md)}
.funnel__stage:last-child{background:var(--color-primary);color:white}
  
.privacy-policy {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 40px 20px;
}

.privacy-policy__nav {
  max-width: 800px;
  margin: 0 auto 30px;
}

.privacy-policy__back {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.privacy-policy__back:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateX(-5px);
}

.privacy-policy__content {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.privacy-policy__title {
  font-size: 42px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 40px;
  text-align: center;
}

.privacy-policy__section {
  margin-bottom: 35px;
}

.privacy-policy__section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 15px;
}

.privacy-policy__section p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
}

.privacy-policy__section ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.privacy-policy__section ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
  color: #4a5568;
}

.privacy-policy__section ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #667eea;
  font-weight: bold;
}

.privacy-policy__contact {
  background: #f7fafc;
  padding: 20px;
  border-radius: 10px;
  border-left: 4px solid #667eea;
}

.privacy-policy__last-updated {
  text-align: center;
  color: #a0aec0;
  font-size: 14px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}

/* Responsive Design */
@media (max-width: 768px) {
  .privacy-policy {
    padding: 20px 15px;
  }

.privacy-policy__content {
    padding: 30px 20px;
  }

.privacy-policy__title {
    font-size: 32px;
  }

.privacy-policy__section h2 {
    font-size: 20px;
  }
}
  
  
.terms-conditions {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 40px 20px;
}

.terms-conditions__nav {
  max-width: 800px;
  margin: 0 auto 30px;
}

.terms-conditions__back {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.terms-conditions__back:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateX(-5px);
}

.terms-conditions__content {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.terms-conditions__title {
  font-size: 42px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 40px;
  text-align: center;
}

.terms-conditions__section {
  margin-bottom: 35px;
}

.terms-conditions__section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 15px;
}

.terms-conditions__section p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
}

.terms-conditions__section ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.terms-conditions__section ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
  color: #4a5568;
}

.terms-conditions__section ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #667eea;
  font-weight: bold;
}

.terms-conditions__contact {
  background: #f7fafc;
  padding: 20px;
  border-radius: 10px;
  border-left: 4px solid #667eea;
}

.terms-conditions__last-updated {
  text-align: center;
  color: #a0aec0;
  font-size: 14px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}

@media (max-width: 768px) {
  .terms-conditions {
    padding: 20px 15px;
  }

.terms-conditions__content {
    padding: 30px 20px;
  }

.terms-conditions__title {
    font-size: 32px;
  }

.terms-conditions__section h2 {
    font-size: 20px;
  }
}

/* ===== REFUND POLICY PAGE ===== */
.refund-policy {
  min-height: 100vh;
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  padding: 40px 20px;
}

.refund-policy__nav {
  max-width: 800px;
  margin: 0 auto 30px;
}

.refund-policy__back {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.refund-policy__back:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateX(-5px);
}

.refund-policy__content {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.refund-policy__title {
  font-size: 42px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 15px;
  text-align: center;
}

.refund-policy__subtitle {
  font-size: 18px;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}

.refund-policy__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.refund-policy__card {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  color: white;
  transition: transform 0.3s ease;
}

.refund-policy__card:hover {
  transform: translateY(-5px);
}

.refund-policy__card-icon {
  font-size: 40px;
  margin-bottom: 15px;
}

.refund-policy__card h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: 700;
}

.refund-policy__card p {
  font-size: 14px;
  opacity: 0.9;
}

.refund-policy__accordion {
  margin-bottom: 40px;
}

.refund-policy__accordion-item {
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

.refund-policy__accordion-header {
  width: 100%;
  padding: 20px;
  background: #f9fafb;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a2e;
  transition: background 0.3s ease;
}

.refund-policy__accordion-header:hover {
  background: #f3f4f6;
}

.refund-policy__accordion-item.active .refund-policy__accordion-header {
  background: #667eea;
  color: white;
}

.refund-policy__accordion-icon {
  font-size: 24px;
  font-weight: 700;
}

.refund-policy__accordion-content {
  padding: 20px;
  background: white;
  border-top: 1px solid #e5e7eb;
}

.refund-policy__accordion-content p {
  color: #4b5563;
  line-height: 1.6;
}

.refund-policy__section {
  margin-bottom: 30px;
}

.refund-policy__section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 15px;
}

.refund-policy__section p {
  color: #4b5563;
  line-height: 1.6;
  margin-bottom: 15px;
}

.refund-policy__list {
  list-style: none;
  padding: 0;
}

.refund-policy__list li {
  padding: 10px 0;
  padding-left: 25px;
  position: relative;
  color: #4b5563;
  line-height: 1.6;
}

.refund-policy__list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #38ef7d;
  font-weight: 700;
}

.refund-policy__contact-card {
  background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  border-radius: 15px;
  padding: 25px;
  color: white;
}

.refund-policy__contact-card p {
  color: white;
  margin: 10px 0;
  font-size: 16px;
}

.refund-policy__last-updated {
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e5e7eb;
}

@media (max-width: 768px) {
  .refund-policy {
    padding: 20px 15px;
  }

.refund-policy__content {
    padding: 30px 20px;
  }

.refund-policy__title {
    font-size: 32px;
  }

.refund-policy__cards {
    grid-template-columns: 1fr;
  }

.refund-policy__section h2 {
    font-size: 20px;
  }
}

/* ===== ABOUT US PAGE ===== */
.about-us {
  min-height: 100vh;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 40px 20px;
}

.about-us__nav {
  max-width: 800px;
  margin: 0 auto 30px;
}

.about-us__back {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.about-us__back:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateX(-5px);
}

.about-us__content {
  max-width: 800px;
  margin: 0 auto;
  background: white;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.about-us__title {
  font-size: 42px;
  font-weight: 800;
  color: #1a1a2e;
  margin-bottom: 40px;
  text-align: center;
}

.about-us__section {
  margin-bottom: 35px;
}

.about-us__section h2 {
  font-size: 24px;
  font-weight: 700;
  color: #667eea;
  margin-bottom: 15px;
}

.about-us__section p {
  font-size: 16px;
  line-height: 1.8;
  color: #4a5568;
}

.about-us__section ul {
  list-style: none;
  padding: 0;
  margin-top: 15px;
}

.about-us__section ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
  color: #4a5568;
}

.about-us__section ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #667eea;
  font-weight: bold;
}

.about-us__contact {
  background: #f7fafc;
  padding: 20px;
  border-radius: 10px;
  border-left: 4px solid #667eea;
}

.about-us__last-updated {
  text-align: center;
  color: #a0aec0;
  font-size: 14px;
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e2e8f0;
}

@media (max-width: 768px) {
  .about-us {
    padding: 20px 15px;
  }

.about-us__content {
    padding: 30px 20px;
  }

.about-us__title {
    font-size: 32px;
  }

.about-us__section h2 {
    font-size: 20px;
  }
} 
  
.login-form__error {  
  color: #e53e3e;  
  font-size: 12px;  
  margin-top: 4px;  
}  
  
.login-form__submit:disabled {  
  opacity: 0.5;  
  cursor: not-allowed;  
} 
  
.privacy-policy__subtitle {  
  text-align: center;  
  color: #4a5568;  
  font-size: 18px;  
  margin-bottom: 40px;  
}  
  
.privacy-policy__cards {  
  display: grid;  
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));  
  gap: 20px;  
  margin-bottom: 50px;  
}  
  
.privacy-policy__card {  
  background: white;  
  border-radius: 16px;  
  padding: 30px;  
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);  
  transition: transform 0.3s ease, box-shadow 0.3s ease;  
  text-align: center;  
}  
  
.privacy-policy__card:hover {  
  transform: translateY(-5px);  
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);  
} 
  
.privacy-policy__card-icon {  
  font-size: 40px;  
  margin-bottom: 15px;  
}  
  
.privacy-policy__card h3 {  
  font-size: 18px;  
  font-weight: 700;  
  color: #667eea;  
  margin-bottom: 10px;  
}  
  
.privacy-policy__card p {  
  font-size: 14px;  
  color: #4a5568;  
  line-height: 1.6;  
}  
  
.privacy-policy__list {  
  list-style: none;  
  padding: 0;  
  margin-top: 15px;  
}  
  
.privacy-policy__list li {  
  position: relative;  
  padding-left: 25px;  
  margin-bottom: 12px;  
  font-size: 15px;  
  line-height: 1.7;  
  color: #4a5568;  
}  
  
.privacy-policy__list li::before {  
  content: \"�\";  
  position: absolute;  
  left: 0;  
  color: #667eea;  
  font-weight: bold;  
} 
  
.privacy-policy__contact-card {  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  padding: 30px;  
  border-radius: 16px;  
  color: white;  
}  
  
.privacy-policy__contact-card p {  
  color: white;  
  font-size: 16px;  
  margin-bottom: 10px;  
}  
  
.privacy-policy__contact-card strong {  
  color: #fff;  
} 
  
.about-us__subtitle {  
  text-align: center;  
  color: #4a5568;  
  font-size: 20px;  
  margin-bottom: 40px;  
}  
  
.about-us__stats {  
  display: grid;  
  grid-template-columns: repeat(4, 1fr);  
  gap: 20px;  
  margin-bottom: 50px;  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  padding: 40px;  
  border-radius: 20px;  
}  
  
.about-us__stat {  
  text-align: center;  
  color: white;  
}  
  
.about-us__stat-number {  
  display: block;  
  font-size: 36px;  
  font-weight: 800;  
}  
  
.about-us__stat-label {  
  font-size: 14px;  
  opacity: 0.9;  
} 
  
.about-us__features-grid {  
  display: grid;  
  grid-template-columns: repeat(3, 1fr);  
  gap: 20px;  
  margin-top: 30px;  
}  
  
.about-us__feature-card {  
  background: white;  
  padding: 25px;  
  border-radius: 12px;  
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);  
  text-align: center;  
  transition: transform 0.3s ease;  
  animation: fadeInUp 0.5s ease forwards;  
  opacity: 0;  
}  
  
.about-us__feature-card:hover {  
  transform: translateY(-5px);  
}  
  
.about-us__feature-icon {  
  font-size: 36px;  
  margin-bottom: 10px;  
}  
  
.about-us__feature-card h3 {  
  font-size: 16px;  
  color: #667eea;  
  margin-bottom: 8px;  
}  
  
.about-us__feature-card p {  
  font-size: 13px;  
  color: #4a5568;  
} 
  
.about-us__team-grid {  
  display: grid;  
  grid-template-columns: repeat(4, 1fr);  
  gap: 20px;  
  margin-top: 30px;  
}  
  
.about-us__team-card {  
  background: white;  
  padding: 30px 20px;  
  border-radius: 16px;  
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);  
  text-align: center;  
  transition: transform 0.3s ease, box-shadow 0.3s ease;  
}  
  
.about-us__team-card:hover {  
  transform: translateY(-8px);  
  box-shadow: 0 12px 20px rgba(0,0,0,0.15);  
}  
  
.about-us__team-avatar {  
  font-size: 48px;  
  margin-bottom: 15px;  
}  
  
.about-us__team-card h3 {  
  font-size: 16px;  
  font-weight: 700;  
  color: #1a1a2e;  
  margin-bottom: 5px;  
}  
  
.about-us__team-card p {  
  font-size: 13px;  
  color: #667eea;  
} 
  
.about-us__timeline {  
  position: relative;  
  margin-top: 30px;  
  padding-left: 30px;  
}  
  
.about-us__timeline::before {  
  content: '';  
  position: absolute;  
  left: 0;  
  top: 0;  
  bottom: 0;  
  width: 4px;  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  border-radius: 2px;  
}  
  
.about-us__timeline-item {  
  position: relative;  
  padding-bottom: 30px;  
  padding-left: 30px;  
}  
  
.about-us__timeline-item::before {  
  content: '';  
  position: absolute;  
  left: -6px;  
  top: 5px;  
  width: 16px;  
  height: 16px;  
  background: #667eea;  
  border-radius: 50%;  
  border: 3px solid white;  
  box-shadow: 0 0 0 3px #667eea;  
}  
  
.about-us__timeline-year {  
  display: inline-block;  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  color: white;  
  padding: 4px 12px;  
  border-radius: 20px;  
  font-size: 14px;  
  font-weight: 600;  
  margin-bottom: 8px;  
}  
  
.about-us__timeline-content h3 {  
  font-size: 18px;  
  color: #1a1a2e;  
  margin-bottom: 5px;  
}  
  
.about-us__timeline-content p {  
  font-size: 14px;  
  color: #4a5568;  
} 
  
@keyframes fadeInUp {  
  from {  
    opacity: 0;  
    transform: translateY(20px);  
  }  
  to {  
    opacity: 1;  
    transform: translateY(0);  
  }  
}  
  
@media (max-width: 768px) {  
  .about-us__stats {  
    grid-template-columns: repeat(2, 1fr);  
    padding: 25px;  
  }  
  .about-us__stat-number {  
    font-size: 28px;  
  }  
  .about-us__features-grid {  
    grid-template-columns: repeat(2, 1fr);  
  }  
  .about-us__team-grid {  
    grid-template-columns: repeat(2, 1fr);  
  }  
} 
  
.terms-conditions__subtitle {  
  text-align: center;  
  color: #4a5568;  
  font-size: 18px;  
  margin-bottom: 40px;  
}  
  
.terms-conditions__cards {  
  display: grid;  
  grid-template-columns: repeat(3, 1fr);  
  gap: 20px;  
  margin-bottom: 40px;  
}  
  
.terms-conditions__card {  
  background: white;  
  padding: 25px;  
  border-radius: 12px;  
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);  
  text-align: center;  
  transition: transform 0.3s ease;  
}  
  
.terms-conditions__card:hover {  
  transform: translateY(-5px);  
}  
  
.terms-conditions__card-icon {  
  font-size: 32px;  
  margin-bottom: 10px;  
}  
  
.terms-conditions__card h3 {  
  font-size: 14px;  
  color: #667eea;  
  margin-bottom: 5px;  
}  
  
.terms-conditions__card p {  
  font-size: 14px;  
  color: #4a5568;  
} 
  
.terms-conditions__accordion {  
  margin-bottom: 40px;  
}  
  
.terms-conditions__accordion-item {  
  background: white;  
  border-radius: 12px;  
  margin-bottom: 12px;  
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);  
  overflow: hidden;  
}  
  
.terms-conditions__accordion-header {  
  width: 100%;  
  padding: 18px 20px;  
  background: white;  
  border: none;  
  cursor: pointer;  
  display: flex;  
  justify-content: space-between;  
  align-items: center;  
  font-size: 16px;  
  font-weight: 600;  
  color: #1a1a2e;  
  transition: background 0.3s ease;  
}  
  
.terms-conditions__accordion-header:hover {  
  background: #f7fafc;  
}  
  
.terms-conditions__accordion-item.active .terms-conditions__accordion-header {  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  color: white;  
}  
  
.terms-conditions__accordion-icon {  
  font-size: 24px;  
  font-weight: 300;  
}  
  
.terms-conditions__accordion-content {  
  padding: 20px;  
  background: #f7fafc;  
  border-top: 1px solid #e2e8f0;  
}  
  
.terms-conditions__accordion-content p {  
  font-size: 15px;  
  line-height: 1.7;  
  color: #4a5568;  
} 
  
.terms-conditions__contact-card {  
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);  
  padding: 30px;  
  border-radius: 16px;  
  color: white;  
}  
  
.terms-conditions__contact-card p {  
  color: white;  
  font-size: 16px;  
  margin-bottom: 10px;  
}  
  
@media (max-width: 768px) {  
  .terms-conditions__cards {  
    grid-template-columns: 1fr;  
  }  
}

/* End of CSS */

geri dön