body {padding:0px;margin:0px;font-family:"Open Sans", sans-serif;padding-top:90px;}
	a {color:#4a148c;text-decoration:none;}
	ul, ol {list-style:none;margin-left:0px;padding-left:0px;}
	input, textarea, select {font-size: 16px;font-family:"Open Sans", sans-serif;}
	.container {max-width:1200px;margin:0 auto;padding:0px 15px;}
	.header {padding:24px 0px;box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;position:fixed;top:0px;left:0px;width:100%;z-index:10;display:block;background:#fff;}
	.header-content {display:flex;align-items: center;justify-content: space-between;}
	.logo {font-family:'Montserrat', sans-serif;}
	.logo a {color:#4a148c;font-size:24px;font-weight:700;text-decoration:none;}
	.menu {display:flex;gap:24px;}
	.menu a {font-size:16px;font-family:"Open Sans", sans-serif;color:#616161;text-decoration:none;}
	.menu a.active {color:#4a148c;border-bottom:2px solid #4a148c;}
	.menu a:hover {color:#4a148c;}
	.buttons {display:flex;gap:16px;align-items:center;}
	.buttons a {padding:12px 24px;font-family:"Open Sans";font-size:16px;border-radius:4px;text-decoration:none;}
	.login {color:#4a148c;border:1px solid #4a148c;}
	.signup {color:#fff;border:1px solid #4a148c;background:#4a148c;}

	.hero {background:#fafafa;padding:50px 0px;text-align:center;}
	.hero-text {font-family:'Montserrat', sans-serif;font-size:60px;color:#212121;font-weight:700;line-height:74px;}
	.hero-desc {font-size:24px;color:#757575;margin-top:24px;}
	.button-purple {padding:12px 24px;font-family:"Open Sans";font-size:16px;border-radius:4px;text-decoration:none;color:#fff;border:1px solid #4a148c;background:#4a148c;display:inline-block;margin-top:24px;}
	.button-white {padding:12px 24px;font-family:"Open Sans";font-size:16px;border-radius:4px;text-decoration:none;color:#4a148c;border:1px solid #4a148c;background:#fff;display:inline-block;margin-top:24px;}

	.benefits {background:#fff;padding:50px 0px;}
	.benefits h2 {font-family:'Montserrat', sans-serif;font-size:36px;color:#212121;font-weight:600;text-align:center;margin-bottom:16px;margin-top:0px;}
	.benefit-desc {font-size:18px;color:#757575;text-align:center;margin-top:0px;}
	.benefits-cards {grid-template-columns: repeat(3, 1fr);gap:32px;display:grid;margin-top:36px;}
	.benefit-card {box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);padding:24px;border-radius:8px;}
	.purple-icon {background:#7b1fa2;border-radius:9999px;display:inline-block;width:64px;height:64px;display: flex;align-items: center;justify-content: center;}
	.benefit-icon {width:40px;height:40px;stroke:#fff;}
	.benefit-card-header {font-family:'Montserrat', sans-serif;font-size:20px;font-weight:600;margin-bottom:8px;}
	.benefit-card-text {color:#757575;font-size:16px;padding-bottom:0px;margin-bottom:0px;}

	.who {background:#fafafa;padding:50px 0px;text-align:center;}
	.who h2 {font-family:'Montserrat', sans-serif;font-size:36px;color:#212121;font-weight:600;text-align:center;margin-bottom:16px;margin-top:0px;}
	.who-desc {font-size:18px;color:#757575;text-align:center;margin-top:0px;}
	.who-cards {grid-template-columns: repeat(3, 1fr);gap:32px;display:grid;margin-top:36px;text-align:left;}
	.who-card {box-shadow:0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);padding:24px;border-radius:8px;background:#fff;}
	.who-icon {width:40px;height:40px;stroke:#fff;}
	.who-card-header {font-family:'Montserrat', sans-serif;font-size:20px;font-weight:600;margin-bottom:8px;}
	.who-card-text {color:#757575;font-size:16px;padding-bottom:0px;margin-bottom:0px;}
	.who-desc-bottom {font-size:16px;color:#757575;text-align:center;margin-top:0px;margin-top:30px;}

	.pre-footer {background:#4a148c;padding:50px 0px;text-align:center;}
	.pre-footer h2 {font-family:'Montserrat', sans-serif;font-size:36px;color:#fff;font-weight:600;text-align:center;margin-bottom:16px;margin-top:0px;}
	.pre-footer-text {color:#fff;font-size:16px;padding-bottom:0px;margin-bottom:0px;}

	.footer {background:#212121;color:#e0e0e0;padding:64px 0px 32px;}
	.footer-content {display:grid;grid-template-columns: 1fr 2fr;gap:32px;}
	.footer-brand .logo {font-family:'Montserrat', sans-serif;color:#fff;font-size:24px;font-weight:700;text-decoration:none;}
	.footer-brand p {color:#e0e0e0;font-size:16px;line-height:24px;font-weight:300;}
	.footer-links {display:grid;grid-template-columns: repeat(3, 1fr);gap:24px;}
	.footer-link-group h3 {font-family:'Montserrat', sans-serif;font-size:16px;color:#fff;font-weight:600;}
	.footer-link-group ul li {margin-bottom:8px;}
	.footer-link-group ul li a {color:#bdbdbd;text-decoration:none;font-size:16px;line-height:24px;}
	.footer-bottom {border-top:1px solid #424242;margin-top:32px;padding-top:32px;}
	.copyright {font-size:14px;}
	.mob-menu-show {position:fixed;left:0px;background:#fff;width:100%;box-shadow:rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;}
	.mob-menu-show ul {margin:20px 15px;text-align:center;}
	.mob-menu-show ul li {margin-bottom:8px;}
	.mob-show {display:none;}

    .form-box { max-width: 400px; margin: auto; background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);margin-top:40px;}
    .form-box input[type=email], .form-box input[type=password] { width: 100%; padding: 10px; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ccc;box-sizing:border-box; }
    button { padding: 10px 20px; background: #4a148c; color: white; border: none; border-radius: 5px; cursor: pointer; }
    /*.error { color: red; margin-bottom: 15px; }*/

	.dashboard-holder {display:flex;width:100%;max-width:1200px;margin:40px auto;}
	.sidebar {width:256px;padding:16px;box-sizing:border-box;border:1px solid #e5e7eb;background:#fff;}
	.dashboard-content {background:#fff;flex:1;padding:24px;box-sizing:border-box;border-right:1px solid #e5e7eb;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;min-height:400px;}
	.sidebar ul {display:flex;flex-direction: column;gap:8px;margin:0px;}
	.sidebar ul li {line-height:24px;}
	.sidebar ul li a {padding:12px 16px;display:flex;border-radius:6px;color:#374151;font-weight:500;}
	.sidebar ul li a:hover {background:#f3f4f6;}
	.dashboard-content h2 {font-family:'Montserrat', sans-serif;font-size:24px;font-weight:600;margin:0px;}
	.success, .error {margin-top:16px;padding:12px;border-radius:6px;}
	.success {background:#d1e7dd;color:#0f5132;}
	/*.error {background:#f8d7da;color:#842029;}*/
	.account {background:#f3f4f6;}

	.listing-overview {border:1px solid #e5e7eb;border-radius:4px;display:flex;align-items:center;flex-wrap:wrap;/*max-width:50%;*/}
	.listing-overview img {max-width:150px;max-height:150px;border-radius:4px 0px 0px 0px;}
	.listing-overview .content {padding:20px;flex:1;}
	.listing-overview .content span {display:block;}
	.listing-overview .content .title {font-weight:500;}
	.listing-overview .content .area {font-weight:normal;font-size:14px;}
	.listing-overview .actions {display:flex;width:100%;text-align:center;}
	.listing-overview .actions a {width:100%;align-content:center;border:1px solid #e5e7eb;padding:10px;border-bottom:0px;font-size:14px;font-weight:bold;}
	.listing-overview .actions a:first-child {border-left:0px;border-right:0px;}
	.listing-overview .actions a:last-child {border-right:0px;border-left:0px;}
	.listing-group {display:grid;gap:16px;grid-template-columns: repeat(2, minmax(0, 1fr));}

    .message-thread {display:flex;margin-top:0px;gap:16px;align-items:center;border-top:1px solid #e5e7eb}
    .message-thread img {max-width:150px;height:150px;aspect-ratio:1/1;object-fit:cover;}

	@media (max-width:1000px) {
		.dashboard-holder {flex-wrap:wrap;box-sizing:border-box;padding:0px 15px;margin:20px auto;}
		.dashboard-holder .sidebar {width:100%;border-bottom:none;}
		.dashboard-holder .dashboard-content {border-left:1px solid #e5e7eb;}
		.sidebar ul {flex-direction:row;}
	}

	@media (max-width:767px) {
		.header-content {flex-wrap:wrap;}
		.benefits-cards, .who-cards {grid-template-columns: repeat(1, 1fr);}
		.footer-content {grid-template-columns: repeat(1, 1fr);}
		.mob-hide {display:none;}
		.mob-show {display:block;}
		.listing-group {grid-template-columns: repeat(1, minmax(0, 1fr));}
		.message-thread img  {max-width:100px;height:100px;}
	}

	@media (max-width:575px) {
		.footer-links {grid-template-columns: repeat(1, 1fr);}
	}