@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v145/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}:root{--bg-primary: #fdfdfd;--bg-secondary: #eaf3e0;--bg-tertiary: #f8f8f8;--text-primary: #2c2c2c;--text-secondary: #555555;--text-inverse: #ffffff;--text-on-primary: #ffffff;--primary-color: #31721f;--primary-dark: #2e7d32;--secondary-color: #8BC34A;--accent-color: #FFC107;--glass-bg: rgba(255, 255, 255, .4);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(255, 255, 255, .9);--button-shadow: rgba(49, 114, 31, .25);--input-bg: rgba(255, 255, 255, .6);--gradient-primary: linear-gradient(135deg, #2e7d32 0%, #31721f 100%);--gradient-overlay: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%)}.light-theme,body.light-theme{--bg-primary: #fdfdfd;--bg-secondary: #eaf3e0;--bg-tertiary: #f8f8f8;--text-primary: #2c2c2c;--text-secondary: #555555;--text-inverse: #ffffff;--text-on-primary: #ffffff;--primary-color: #31721f;--primary-dark: #2e7d32;--secondary-color: #8BC34A;--accent-color: #FFC107;--glass-bg: rgba(255, 255, 255, .4);--glass-bg-hover: rgba(255, 255, 255, .6);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .08);--glass-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .15);--border-color: rgba(0, 0, 0, .1);--border-light: rgba(0, 0, 0, .05);--card-bg: rgba(255, 255, 255, .8);--card-border: rgba(255, 255, 255, .9);--button-shadow: rgba(49, 114, 31, .25);--input-bg: rgba(255, 255, 255, .6);--gradient-primary: linear-gradient(135deg, #2e7d32 0%, #31721f 100%);--gradient-overlay: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, 0) 100%)}.dark-theme,body.dark-theme{--bg-primary: #1a1a1f;--bg-secondary: #252530;--bg-tertiary: #2a2a35;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-inverse: #1a1a1f;--text-on-primary: #ffffff;--primary-color: #4a9d2e;--primary-dark: #5ab33e;--secondary-color: #a5d96a;--accent-color: #FFD54F;--glass-bg: rgba(30, 30, 35, .5);--glass-bg-hover: rgba(40, 40, 50, .7);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .4);--glass-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--card-bg: rgba(30, 30, 35, .6);--card-border: rgba(255, 255, 255, .1);--button-shadow: rgba(74, 157, 46, .35);--input-bg: rgba(40, 40, 50, .5);--gradient-primary: linear-gradient(135deg, #5ab33e 0%, #4a9d2e 100%);--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 100%)}@media(prefers-color-scheme:dark){body:not(.light-theme):not(.dark-theme){--bg-primary: #1a1a1f;--bg-secondary: #252530;--bg-tertiary: #2a2a35;--text-primary: #e8e8e8;--text-secondary: #b8b8b8;--text-inverse: #1a1a1f;--text-on-primary: #ffffff;--primary-color: #4a9d2e;--primary-dark: #5ab33e;--secondary-color: #a5d96a;--accent-color: #FFD54F;--glass-bg: rgba(30, 30, 35, .5);--glass-bg-hover: rgba(40, 40, 50, .7);--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 4px 16px rgba(0, 0, 0, .4);--glass-shadow-hover: 0 8px 24px rgba(0, 0, 0, .5);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--border-color: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .05);--card-bg: rgba(30, 30, 35, .6);--card-border: rgba(255, 255, 255, .1);--button-shadow: rgba(74, 157, 46, .35);--input-bg: rgba(40, 40, 50, .5);--gradient-primary: linear-gradient(135deg, #5ab33e 0%, #4a9d2e 100%);--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 100%)}}*{margin:0;padding:0;box-sizing:border-box}html{height:100vh}body{font-family:Segoe UI,system-ui,sans-serif;background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.6;scroll-behavior:smooth;height:100vh;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);position:relative}body:before{content:"";position:fixed;inset:0;background:var(--gradient-overlay);pointer-events:none;z-index:0}.container{width:1200px;margin:0 auto;padding:0 1.5rem}header{background-color:var(--primary-color);color:#fff;padding:1.5rem 0;display:flex;align-items:center;justify-content:center;flex-direction:column}header .logo{font-size:2rem;font-weight:700}header nav{margin-top:1rem}header nav ul{list-style:none;display:flex;gap:2rem}header nav ul li a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:background-color .3s ease}header nav ul li a:hover{background-color:#fff3}.hero{background:linear-gradient(#0000004d,#0000004d),url(/images/gardening-hero.jpg) no-repeat center/cover;min-height:60vh;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff;padding:0 1rem}.hero h1{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto}section{padding:3rem 0}section.about .section-header,section.services .section-header,section.contact .section-header{text-align:center;margin-bottom:2rem}section.about .section-header h2,section.services .section-header h2,section.contact .section-header h2{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-color)}section.about .section-header p,section.services .section-header p,section.contact .section-header p{font-size:1rem;color:var(--text-primary)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border:1.5px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-md),inset 0 1px #ffffff4d;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1),background .4s cubic-bezier(.4,0,.2,1)}.card:before{content:"";position:absolute;inset:0;background:var(--gradient-overlay);opacity:0;transition:opacity .3s ease;pointer-events:none}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),inset 0 1px #fff6;background:var(--glass-bg-hover)}.card:hover:before{opacity:1}.card .card-image{width:100%;height:200px;background-position:center;background-size:cover;transition:transform .4s ease}.card:hover .card-image{transform:scale(1.05)}.card .card-content{padding:1.5rem;position:relative;z-index:1}.card .card-content h3{margin-bottom:1rem;color:var(--primary-color);font-weight:700}.card .card-content p{font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.button{display:inline-block;background:var(--gradient-primary);color:var(--text-inverse);padding:.75rem 1.5rem;border:none;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:600;box-shadow:0 4px 12px var(--button-shadow);transition:transform .3s ease,box-shadow .3s ease,background .3s ease;position:relative;overflow:hidden;cursor:pointer}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.button:hover,.button:focus{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px var(--button-shadow)}.button:hover:before,.button:focus:before{opacity:1}.button:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px var(--button-shadow)}form{max-width:600px;margin:0 auto}form label{margin-bottom:.5rem;font-weight:600;color:var(--text-primary);display:block;font-size:.95rem}form input[type=text],form input[type=email],form textarea{width:100%;padding:.875rem;margin-bottom:1rem;background:var(--input-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--border-color);border-radius:8px;font-family:inherit;font-size:1rem;color:var(--text-primary);box-shadow:inset 0 1px 2px #0000000d;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .2s ease}form input[type=text]::placeholder,form input[type=email]::placeholder,form textarea::placeholder{color:var(--text-secondary);opacity:.6}form input[type=text]:hover,form input[type=email]:hover,form textarea:hover{border-color:var(--border-color);background:var(--glass-bg-hover)}form input[type=text]:focus,form input[type=email]:focus,form textarea:focus{outline:none;border-color:var(--primary-color);background:var(--glass-bg-hover);box-shadow:0 0 0 3px #4a9d2e1a,inset 0 1px 2px #0000000d;transform:translateY(-1px)}form textarea{min-height:120px;resize:vertical}footer{background-color:var(--primary-dark);color:#fff;text-align:center;padding:2rem 0}footer p{font-size:.9rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.p-1{padding:1rem}.p-2{padding:2rem}.decorative-rectangle{width:50px;height:4px;background-color:var(--primary-color);margin-bottom:10px;border-radius:2px}.phone-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;transition:all .3s ease}.phone-link mat-icon{font-size:1.25rem;width:1.25rem;height:1.25rem}.phone-link:hover{color:var(--primary-color);transform:translate(2px)}.phone-display{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid var(--card-border);padding:.75rem 1.5rem;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;text-align:center;box-shadow:var(--shadow-sm);transition:all .3s ease}.phone-display:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media(max-width:768px){header nav ul{flex-direction:column;gap:1rem}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.container{padding:0 1rem}}html,body{height:100%;margin:0;padding:0}.custom-link-button{display:inline-flex;justify-content:center;align-items:center;background:var(--gradient-primary);color:var(--text-inverse);text-decoration:none;padding:16px 48px;font-size:16px;font-weight:600;text-align:center;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px var(--button-shadow);cursor:pointer;letter-spacing:.025em;position:relative;overflow:hidden}.custom-link-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.custom-link-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 20px var(--button-shadow)}.custom-link-button:hover:before{opacity:1}.custom-link-button:active{transform:translateY(-1px) scale(.99);box-shadow:0 2px 8px var(--button-shadow)}.page-layout .menu{color:#ecf0f1;padding:20px;box-sizing:border-box;height:100%}.page-layout .workspace{flex:1;margin:0;display:flex;justify-content:center;align-items:center;border:0px solid var(--border-color);border-radius:0;overflow:hidden}.page-layout .workspace .workspace-content{flex:1;overflow:auto;max-width:1200px;padding:20px;box-sizing:border-box}.quote-dialog .mat-mdc-dialog-container{--mdc-dialog-container-color: transparent;background:transparent;box-shadow:none;padding:0}.quote-dialog .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent;box-shadow:none}.service-detail-dialog .mat-mdc-dialog-container{--mdc-dialog-container-color: transparent;background:transparent;box-shadow:none;padding:0}.service-detail-dialog .mat-mdc-dialog-container .mdc-dialog__surface{background:transparent;box-shadow:none;border-radius:16px;overflow:hidden}.cdk-overlay-dark-backdrop{background-color:#000000d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mat-mdc-select-panel{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border:1.5px solid var(--card-border)!important;border-radius:12px!important;box-shadow:var(--shadow-lg)!important;margin-top:8px}.mat-mdc-select-panel .mat-mdc-option{color:var(--text-primary);min-height:48px;padding:0 16px;transition:background-color .2s ease}.mat-mdc-select-panel .mat-mdc-option:hover{background-color:var(--glass-bg-hover)!important}.mat-mdc-select-panel .mat-mdc-option.mat-mdc-option-active,.mat-mdc-select-panel .mat-mdc-option.mdc-list-item--selected{background-color:var(--glass-bg)!important;color:var(--primary-color)}.mat-mdc-select-panel .mat-mdc-option .mdc-list-item__primary-text{color:inherit}.mat-mdc-autocomplete-panel{background:var(--card-bg)!important;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border:1.5px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-lg)!important}.success-snackbar{--mdc-snackbar-container-color: #4caf50 !important;--mat-snack-bar-button-color: #ffffff !important}.success-snackbar .mdc-snackbar__surface{background-color:#4caf50!important}.success-snackbar .mat-mdc-snack-bar-label,.success-snackbar .mdc-snackbar__label{color:#fff!important;font-weight:500!important}.success-snackbar .mat-mdc-button{color:#fff!important}.error-snackbar{--mdc-snackbar-container-color: #f44336 !important;--mat-snack-bar-button-color: #ffffff !important}.error-snackbar .mdc-snackbar__surface{background-color:#f44336!important}.error-snackbar .mat-mdc-snack-bar-label,.error-snackbar .mdc-snackbar__label{color:#fff!important;font-weight:500!important}.error-snackbar .mat-mdc-button{color:#fff!important}
