*, *::before, *::after { box-sizing: border-box; }

        :root {
            --clr-white: #ffffff;
            --clr-bg: #f8fafb;
            --clr-bg-alt: #f0f4f5;
            --clr-card: #ffffff;
            --clr-card-alt: #f7f9fa;
            --clr-surface: #f3f6f7;
            --clr-dark: #0c1a2e;
            --clr-text: #1a2a3a;
            --clr-text-secondary: #3d5467;
            --clr-text-muted: #7a8fa0;
            --clr-border: #dde6eb;
            --clr-border-hover: #b8cdd6;

            --clr-green: #0d6b3d;
            --clr-green-dark: #074a2b;
            --clr-green-light: #e6f5ed;
            --clr-green-mid: #b8e2ca;
            --clr-green-glow: rgba(13,107,61,0.12);

            --clr-blue: #144d8f;
            --clr-blue-dark: #0a3260;
            --clr-blue-light: #e3eef8;
            --clr-blue-mid: #b3d1ea;
            --clr-blue-glow: rgba(20,77,143,0.1);

            --clr-accent: var(--clr-green);
            --clr-accent-hover: var(--clr-green-dark);
            --radius: 14px;
            --radius-sm: 10px;
            --shadow: 0 2px 12px rgba(12,26,46,0.06);
            --shadow-md: 0 6px 24px rgba(12,26,46,0.08);
            --shadow-lg: 0 12px 40px rgba(12,26,46,0.1);
            --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .btn-pdf {
            background: linear-gradient(135deg, #e53e3e, #b91c1c) !important;
            border: none !important; color: #fff !important;
            font-weight: 700 !important; font-size: 0.88rem;
            padding: 0.6rem 1.5rem; border-radius: var(--radius-sm);
            transition: var(--transition); letter-spacing: 0.02em;
            box-shadow: 0 3px 12px rgba(229, 62, 62, 0.2);
            display: inline-flex; align-items: center; justify-content: center; gap: 8px;
        }
        .btn-pdf:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(229, 62, 62, 0.35); }

        body {
            margin: 0;
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
            background: var(--clr-bg);
            color: var(--clr-text);
            line-height: 1.7;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--clr-bg-alt); }
        ::-webkit-scrollbar-thumb { background: var(--clr-blue); border-radius: 3px; }

        .header {
            background: var(--clr-white);
            border-bottom: 1px solid var(--clr-border);
            z-index: 1050;
            padding: 0.65rem 0;
            transition: var(--transition);
        }
        .header.scrolled {
            background: var(--clr-white);
            box-shadow: 0 2px 20px rgba(12,26,46,0.1);
        }
        .navbar { padding: 0; }
        .navbar-brand img { height: 44px; width: auto; border-radius: 6px; }
        .premium-phone a {
            display: flex; align-items: center; gap: 8px;
            color: var(--clr-green); text-decoration: none;
            font-weight: 600; font-size: 0.92rem; letter-spacing: 0.02em;
            transition: var(--transition);
        }
        .premium-phone a:hover { color: var(--clr-green-dark); }
        .premium-phone i { font-size: 1rem; animation: phoneRing 2s ease-in-out infinite; }
        @keyframes phoneRing {
            0%,100%{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-10deg)}30%{transform:rotate(10deg)}40%{transform:rotate(0)}
        }

        .page-wrapper { min-height: 100vh; }

        .project-box {
            background: var(--clr-card);
            border: 1px solid var(--clr-border);
            border-radius: var(--radius);
            padding: 1.5rem;
            transition: var(--transition);
            box-shadow: var(--shadow);
        }
        .project-box:hover {
            border-color: var(--clr-border-hover);
            box-shadow: var(--shadow-md);
        }

        .project-image { position: relative; overflow: hidden; border-radius: var(--radius-sm); }
        .project-image img {
            transition: transform 0.6s ease;
            aspect-ratio: 21/9; object-fit: cover;
        }
        .project-image:hover img { transform: scale(1.02); }
        .project-title {
            font-size: 1.8rem; font-weight: 800; margin: 0 0 0.2rem;
            background: linear-gradient(135deg, var(--clr-green-dark), var(--clr-blue));
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
        }
        .text-muted { color: var(--clr-text-muted) !important; }
        .text-muted i { color: var(--clr-green); margin-right: 6px; }

        .project-info {
            background: var(--clr-bg-alt) !important;
            border: 1px solid var(--clr-border);
        }
        .project-info .border-end { border-color: var(--clr-border) !important; }
        .project-info strong {
            color: var(--clr-blue); font-size: 0.72rem;
            letter-spacing: 0.12em; text-transform: uppercase;
        }
        .project-info div { color: var(--clr-text); font-weight: 600; }

        .info-bar-callback {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
        }
        .info-bar-callback-btn {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue));
            color: #fff;
            border: none;
            padding: 0.55rem 1.2rem;
            border-radius: 50px;
            font-weight: 700;
            font-size: 0.75rem;
            letter-spacing: 0.08em;
            cursor: pointer;
            transition: var(--transition);
            box-shadow: 0 3px 12px var(--clr-green-glow);
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .info-bar-callback-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px var(--clr-green-glow);
        }
        .info-bar-callback-btn i {
            font-size: 0.85rem;
            animation: phoneRing 2s ease-in-out infinite;
        }

        .km-wrapper {
            background: var(--clr-card);
            border: 1px solid var(--clr-border);
            border-radius: var(--radius);
            padding: 1.5rem;
            box-shadow: var(--shadow);
        }
        .section-title {
            font-size: 1.25rem; font-weight: 700; margin-bottom: 1.2rem;
            padding-bottom: 0.8rem;
            border-bottom: 3px solid transparent;
            border-image: linear-gradient(90deg, var(--clr-green), var(--clr-blue)) 1;
            display: inline-block; color: var(--clr-dark);
        }
        .metrics-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
        @media(max-width:576px){ .metrics-grid{grid-template-columns:1fr;} }
        .metric .label {
            font-size: 0.7rem; letter-spacing: 0.12em; color: var(--clr-text-muted);
            margin: 0 0 0.3rem; text-transform: uppercase; font-weight: 600;
        }
        .metric h3 { font-size: 1.4rem; font-weight: 700; margin: 0 0 0.5rem; color: var(--clr-dark); }
        .progress { height: 8px; background: var(--clr-bg-alt); border-radius: 4px; overflow: hidden; }
        .progress-bar { height: 100%; border-radius: 4px; transition: width 1.5s ease; }
        .progress-bar.blue { background: linear-gradient(90deg, var(--clr-blue-dark), var(--clr-blue)); }
        .progress-bar.green { background: linear-gradient(90deg, var(--clr-green-dark), var(--clr-green)); }

        .info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
        @media(max-width:576px){ .info-grid{grid-template-columns:1fr;} }
        .metric-card {
            background: var(--clr-surface); border: 1px solid var(--clr-border);
            border-radius: var(--radius-sm); padding: 1rem; transition: var(--transition);
        }
        .metric-card:hover {
            border-color: var(--clr-green-mid);
            box-shadow: 0 2px 12px var(--clr-green-glow);
            transform: translateY(-2px);
        }
        .metric-card.highlight {
            background: linear-gradient(135deg, var(--clr-green-light), var(--clr-blue-light));
            border-color: var(--clr-green-mid);
        }
        .metric-card span {
            font-size: 0.68rem; letter-spacing: 0.1em; color: var(--clr-text-muted);
            text-transform: uppercase; font-weight: 600; display: block; margin-bottom: 0.3rem;
        }
        .metric-card h4 { font-size: 1rem; font-weight: 700; margin: 0; color: var(--clr-dark); }
        .metric-card .unit { font-size: 0.78rem; color: var(--clr-text-muted); font-weight: 400; }
        .full { grid-column: 1 / -1; }

        .callback-btn {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue));
            color: #fff; border: none;
            padding: 0.75rem 2.5rem; border-radius: 50px;
            font-weight: 700; font-size: 0.85rem; letter-spacing: 0.1em;
            cursor: pointer; transition: var(--transition);
            box-shadow: 0 4px 16px var(--clr-green-glow);
        }
        .callback-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 28px var(--clr-green-glow);
        }

        .popup-overlay {
            display: none; position: fixed; inset: 0;
            background: rgba(12,26,46,0.5); backdrop-filter: blur(6px);
            z-index: 9999; justify-content: center; align-items: center;
        }
        .popup-overlay.active { display: flex; }
        .popup-box {
            background: var(--clr-white); border: 1px solid var(--clr-border);
            border-radius: var(--radius); padding: 2rem;
            width: 90%; max-width: 420px; position: relative;
            animation: popIn 0.3s ease; box-shadow: var(--shadow-lg);
        }
        @keyframes popIn { from{opacity:0;transform:scale(0.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)} }
        .popup-box h4 { color: var(--clr-green-dark); }
        .close-popup {
            position: absolute; top: 12px; right: 16px;
            font-size: 1.5rem; color: var(--clr-text-muted);
            cursor: pointer; transition: var(--transition); line-height: 1;
        }
        .close-popup:hover { color: var(--clr-green); }
        .popup-box .form-control {
            background: var(--clr-bg); border: 1px solid var(--clr-border);
            color: var(--clr-text); border-radius: var(--radius-sm);
            padding: 0.65rem 1rem; font-size: 0.9rem; transition: var(--transition);
        }
        .popup-box .form-control:focus {
            border-color: var(--clr-green);
            box-shadow: 0 0 0 3px var(--clr-green-glow);
            background: var(--clr-white); color: var(--clr-text);
        }
        .popup-box .form-control::placeholder { color: var(--clr-text-muted); }
        .popup-box .btn-primary {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue)) !important;
            border: none; color: #fff; font-weight: 700; padding: 0.7rem;
            border-radius: var(--radius-sm);
        }

        .developer-card {
            background: var(--clr-card); border: 1px solid var(--clr-border);
            border-radius: var(--radius); padding: 1.5rem; margin-top: 1rem;
            box-shadow: var(--shadow);
        }
        .developer-card .card-header {
            border-bottom: 3px solid transparent;
            border-image: linear-gradient(90deg, var(--clr-green), var(--clr-blue)) 1;
            padding-bottom: 0.8rem; margin-bottom: 1rem;
        }
        .developer-card .card-header h3 { font-size: 1.15rem; font-weight: 700; margin: 0; color: var(--clr-dark); }
        .developer-content { display: flex; gap: 1.2rem; align-items: flex-start; }
        .developer-logo {
            width: 80px; height: 80px; border-radius: var(--radius-sm);
            background: linear-gradient(135deg, var(--clr-green-light), var(--clr-blue-light));
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0; border: 1px solid var(--clr-border);
        }
        .developer-logo i { font-size: 2rem; color: var(--clr-green); }
        .developer-info h5 { font-size: 1.1rem; font-weight: 700; margin: 0 0 0.5rem; color: var(--clr-green-dark); }
        .developer-info p { font-size: 0.88rem; color: var(--clr-text-secondary); margin: 0; line-height: 1.6; }
        .dev-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.6rem; margin-top: 1rem; }
        .dev-stat {
            background: var(--clr-surface); border: 1px solid var(--clr-border);
            border-radius: var(--radius-sm); padding: 0.7rem; text-align: center;
        }
        .dev-stat strong { display: block; font-size: 1.1rem; color: var(--clr-blue); font-weight: 700; }
        .dev-stat span { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--clr-text-muted); }

        .project-box h2 { font-size: 1.35rem; font-weight: 700; margin-bottom: 0.5rem; color: var(--clr-dark); }
        .project-box h4 { color: var(--clr-green-dark); }
        .project-box h6 { color: var(--clr-text); }
        .project-box ul { padding-left: 1.2rem; margin: 0.8rem 0; }
        .project-box ul li { color: var(--clr-text-secondary); margin-bottom: 0.6rem; font-size: 0.92rem; line-height: 1.65; }
        .project-box ul li::marker { color: var(--clr-green); }
        .project-box p { color: var(--clr-text-secondary); font-size: 0.92rem; }

        .content-block {
            background: var(--clr-surface); border: 1px solid var(--clr-border);
            border-radius: var(--radius-sm);
        }
        .fw-bold { color: var(--clr-green-dark) !important; }
        .fw-semibold { color: var(--clr-dark) !important; }

        .btn-link {
            color: var(--clr-green) !important; text-decoration: none !important;
            font-weight: 600; font-size: 0.9rem; transition: var(--transition);
            background: transparent; border: none; outline: none;
        }
        .btn-link:hover { color: var(--clr-green-dark) !important; }
        .btn-link:focus, .btn-link:active { outline: none; box-shadow: none; }

        .btn-primary {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue)) !important;
            border: none !important; color: #fff !important;
            font-weight: 700 !important; font-size: 0.88rem;
            padding: 0.6rem 1.5rem; border-radius: var(--radius-sm);
            transition: var(--transition); letter-spacing: 0.02em;
            box-shadow: 0 3px 12px var(--clr-green-glow);
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px var(--clr-green-glow);
        }

        .table { color: var(--clr-text); margin-bottom: 0; }
        .table thead th {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue));
            color: #fff; border-color: var(--clr-border);
            font-size: 0.72rem; letter-spacing: 0.1em;
            text-transform: uppercase; font-weight: 700; padding: 0.8rem 0.6rem;
        }
        .table tbody td {
            background: var(--clr-white); border-color: var(--clr-border);
            font-size: 0.9rem; padding: 0.75rem 0.6rem; vertical-align: middle;
        }
        .table tbody tr:hover td { background: var(--clr-bg-alt); }
        .size { font-weight: 600; }
        .unit { font-size: 0.78rem; color: var(--clr-text-muted); }

        .comparison-table-wrap { overflow-x: auto; margin-top: 1rem; }
        .comparison-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
        .comparison-table th {
            background: linear-gradient(135deg, var(--clr-green), var(--clr-blue));
            color: #fff; border: 1px solid var(--clr-border);
            padding: 0.65rem 0.7rem; font-size: 0.68rem; letter-spacing: 0.1em;
            text-transform: uppercase; font-weight: 700; text-align: left; white-space: nowrap;
        }
        .comparison-table td {
            background: var(--clr-white); border: 1px solid var(--clr-border);
            padding: 0.6rem 0.7rem; color: var(--clr-text-secondary); vertical-align: top;
        }
        .comparison-table tr:hover td { background: var(--clr-bg-alt); }
        .comparison-table .highlight-cell {
            background: linear-gradient(135deg, var(--clr-green-light), var(--clr-blue-light)) !important;
            color: var(--clr-green-dark) !important; font-weight: 600;
        }

        .floor-plan-card {
            background: var(--clr-white); border: 1px solid var(--clr-border);
            border-radius: var(--radius-sm); overflow: hidden; transition: var(--transition);
        }
        .floor-plan-card:hover {
            border-color: var(--clr-green-mid); transform: translateY(-4px);
            box-shadow: var(--shadow-md);
        }
        .floor-plan-card img { width: 100%; aspect-ratio: 4/3; object-fit: contain; background: #fff; padding: 0.5rem; }
        .floor-plan-label { padding: 0.6rem 0.8rem; background: var(--clr-surface); border-top: 1px solid var(--clr-border); }
        .floor-plan-label h6 { margin: 0; font-size: 0.82rem; font-weight: 700; color: var(--clr-dark); }
        .floor-plan-label span { font-size: 0.75rem; color: var(--clr-text-muted); }

        .gallery-img {
            border-radius: var(--radius-sm); width: 100%; aspect-ratio: 4/3;
            object-fit: cover; border: 1px solid var(--clr-border);
            transition: var(--transition); cursor: pointer;
        }
        .gallery-img:hover {
            border-color: var(--clr-green-mid); transform: scale(1.03);
            box-shadow: var(--shadow-md);
        }
        .ratio-16x9 { border-radius: var(--radius-sm); overflow: hidden; border: 1px solid var(--clr-border); }
        .ratio-16x9 iframe { background: var(--clr-surface); }

        .amenity-item {
            display: flex; align-items: center; gap: 0.7rem;
            padding: 0.65rem 0.8rem; background: var(--clr-white);
            border: 1px solid var(--clr-border); border-radius: var(--radius-sm);
            transition: var(--transition); font-size: 0.88rem; color: var(--clr-text-secondary);
        }
        .amenity-item:hover {
            border-color: var(--clr-green-mid); color: var(--clr-dark);
            transform: translateX(4px); background: var(--clr-green-light);
        }
        .amenity-item i { color: var(--clr-green); font-size: 1rem; width: 20px; text-align: center; }

        .location-item {
            display: flex; justify-content: space-between; align-items: center;
            padding: 0.7rem 0; border-bottom: 1px solid var(--clr-border); font-size: 0.9rem;
        }
        .location-item:last-child { border-bottom: none; }
        .location-item span:first-child { color: var(--clr-text-secondary); }
        .location-item span:last-child { color: var(--clr-green-dark); font-weight: 700; }

        .sidebar .card { border-radius: var(--radius); overflow: hidden; }
        .sidebar .card-body { padding: 1.5rem; }
        .sidebar .title { font-size: 1.05rem; color: var(--clr-green-dark); margin-bottom: 1rem; font-weight: 700; }
        .sidebar .form-control {
            background: var(--clr-bg); border: 1px solid var(--clr-border);
            color: var(--clr-text); border-radius: var(--radius-sm);
            padding: 0.65rem 1rem; font-size: 0.88rem; transition: var(--transition);
        }
        .sidebar .form-control:focus {
            border-color: var(--clr-green); box-shadow: 0 0 0 3px var(--clr-green-glow);
            background: var(--clr-white); color: var(--clr-text);
        }
        .sidebar .form-control::placeholder { color: var(--clr-text-muted); }
        .sidebar .btn-primary { padding: 0.75rem; font-size: 0.9rem; }

        .sidebar-dark {
            background: linear-gradient(160deg, var(--clr-green-dark), var(--clr-blue-dark)) !important;
            color: #fff !important;
        }
        .sidebar-dark .title { color: #fff !important; }
        .sidebar-dark .form-control {
            background: rgba(255,255,255,0.1) !important;
            border: 1px solid rgba(255,255,255,0.2) !important;
            color: #fff !important;
        }
        .sidebar-dark .form-control:focus {
            border-color: rgba(255,255,255,0.5) !important;
            box-shadow: 0 0 0 3px rgba(255,255,255,0.1) !important;
            background: rgba(255,255,255,0.15) !important;
        }
        .sidebar-dark .form-control::placeholder { color: rgba(255,255,255,0.55) !important; }
        .sidebar-dark .btn-primary {
            background: #fff !important; color: var(--clr-green-dark) !important;
            box-shadow: 0 4px 16px rgba(0,0,0,0.2) !important;
        }
        .sidebar-dark .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0,0,0,0.3) !important;
        }
        .sidebar-dark .trust-badge { color: rgba(255,255,255,0.7) !important; }
        .sidebar-dark .trust-badge i { color: #86efac !important; }

        .trust-badges { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,0.15); }
        .trust-badge { display: flex; align-items: center; gap: 0.6rem; font-size: 0.8rem; color: var(--clr-text-muted); margin-bottom: 0.6rem; }
        .trust-badge i { color: var(--clr-green); font-size: 0.9rem; }

        .price-widget {
            background: var(--clr-white) !important;
            border: 1px solid var(--clr-border) !important;
            border-radius: var(--radius-sm) !important;
        }
        .price-widget h5 { font-size: 0.9rem; color: var(--clr-blue-dark); margin-bottom: 0.8rem; font-weight: 700; }
        .price-row { margin-bottom: 0.6rem; }
        .price-row:last-child { margin-bottom: 0; }
        .price-label { font-size: 0.72rem; color: var(--clr-text-muted); text-transform: uppercase; letter-spacing: 0.08em; }
        .price-value { font-size: 1.2rem; font-weight: 700; color: var(--clr-dark); }
        .price-value.blue { color: var(--clr-blue); }
        .price-value.green { color: var(--clr-green); }
        .price-value .price-unit { font-size: 0.75rem; color: var(--clr-text-muted); font-weight: 400; }

        .footer-custom {
            background: linear-gradient(160deg, var(--clr-green-dark), var(--clr-blue-dark));
            padding: 2.5rem 0; margin-top: 3rem;
        }
        .footer-logo { height: 36px; width: auto; border-radius: 4px; margin-bottom: 0.5rem; }
        .footer-tagline { color: rgba(255,255,255,0.6); font-size: 0.85rem; margin: 0; font-style: italic; }
        .footer-link { color: rgba(255,255,255,0.8); text-decoration: none; transition: var(--transition); display: inline-block; }
        .footer-link:hover { color: #fff; transform: translateX(4px); }

        .mobile-sticky-bar {
            display: none; position: fixed; bottom: 0; left: 0; right: 0;
            background: var(--clr-white); border-top: 1px solid var(--clr-border);
            padding: 0.6rem 0.8rem; z-index: 1060;
            justify-content: space-around; align-items: center; gap: 0.5rem;
            box-shadow: 0 -2px 12px rgba(12,26,46,0.08);
        }
        .sticky-icon {
            width: 46px; height: 46px; border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-size: 1.2rem; text-decoration: none; transition: var(--transition);
        }
        .sticky-icon.whatsapp { background: #25d366; color: #fff; }
        .sticky-icon.whatsapp:hover { background: #20bd5a; transform: scale(1.08); }
        .sticky-icon.call { background: linear-gradient(135deg, var(--clr-green), var(--clr-blue)); color: #fff; }
        .sticky-icon.call:hover { transform: scale(1.08); }
        .sticky-download {
            background: linear-gradient(135deg, #e53e3e, #b91c1c);
            color: #fff; border: none;
            padding: 0.6rem 1rem; border-radius: 50px;
            font-weight: 700; font-size: 0.78rem;
            cursor: pointer; transition: var(--transition); white-space: nowrap;
            display: flex; align-items: center; justify-content: center; gap: 6px;
        }
        .sticky-download:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(229, 62, 62, 0.3); }

        @media(max-width:768px){
            .mobile-sticky-bar{display:flex}
            body{padding-bottom:70px}
            .project-title{font-size:1.4rem}
            .project-box{padding:1rem}
            .km-wrapper{padding:1rem}
            .sidebar{display:none}
            .premium-phone span{display:none}
            .info-bar-callback-btn{font-size:0.65rem; padding:0.45rem 0.8rem;}
        }

        .toast-notification {
            position: fixed; top: 90px; right: 20px;
            background: var(--clr-white); border: 1px solid var(--clr-green);
            border-radius: var(--radius-sm); padding: 1rem 1.5rem; z-index: 9999;
            display: none; align-items: center; gap: 0.7rem;
            box-shadow: 0 4px 20px var(--clr-green-glow); animation: slideIn 0.4s ease;
        }
        .toast-notification.show { display: flex; }
        .toast-notification i { color: var(--clr-green); font-size: 1.2rem; }
        .toast-notification span { font-size: 0.88rem; color: var(--clr-dark); }
        @keyframes slideIn { from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)} }

        .tag { display:inline-block; padding:0.2rem 0.7rem; border-radius:50px; font-size:0.72rem; font-weight:700; text-transform:uppercase; letter-spacing:0.06em; }
        .tag-new { background: var(--clr-green-light); color: var(--clr-green-dark); }
        .tag-commercial { background: var(--clr-blue-light); color: var(--clr-blue); }
        .tag-ready { background: #fef3c7; color: #92400e; }
        .tag-premium { background: linear-gradient(135deg, #fde68a, #fbbf24); color: #78350f; }

        .map-placeholder {
            width: 100%; height: 280px; background: var(--clr-surface);
            border: 1px solid var(--clr-border); border-radius: var(--radius-sm);
            display: flex; align-items: center; justify-content: center;
            flex-direction: column; gap: 0.5rem; color: var(--clr-text-muted);
        }
        .map-placeholder i { font-size: 2rem; color: var(--clr-blue); }

        .mfp-bg { background: rgba(12,26,46,0.85) !important; }
        .mfp-close { color: var(--clr-green) !important; }
        .mfp-arrow:before, .mfp-arrow:after { border-color: var(--clr-green) !important; }

        [data-aos] { transition-timing-function: cubic-bezier(0.4,0,0.2,1) !important; }

        .highlight-note {
            background: linear-gradient(135deg, var(--clr-green-light), var(--clr-blue-light));
            border: 1px solid var(--clr-green-mid);
            border-radius: var(--radius-sm);
            padding: 1rem 1.2rem;
            margin-top: 1rem;
        }
        .highlight-note p {
            margin: 0;
            font-size: 0.88rem;
            color: var(--clr-green-dark);
            font-weight: 500;
        }
        .highlight-note i {
            margin-right: 6px;
            color: var(--clr-green);
        }