:root{--color-primary: #2C5F7C;--color-secondary: #FFFFFF;--color-accent: #4A90A4;--color-text: #333333;--color-text-light: #666666;--color-error: #D32F2F;--color-success: #388E3C;--color-border: #E0E0E0;--color-background: #FAFAFA;--font-heading: "Montserrat", sans-serif;--font-body: "Open Sans", sans-serif;--font-size-h1: 32px;--font-size-h2: 24px;--font-size-body: 16px;--font-size-small: 14px;--font-size-button: 16px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 40px;--spacing-xl: 80px;--container-max-width: 1200px;--border-radius: 8px;--transition-fast: .2s ease;--transition-normal: .3s ease}@media (min-width: 768px){:root{--font-size-h1: 48px;--font-size-h2: 32px;--font-size-body: 18px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.6;color:var(--color-text);background-color:var(--color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary)}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-sm)}@media (min-width: 768px){.container{padding:0 var(--spacing-md)}}#app{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-secondary);padding:var(--spacing-lg) 0;text-align:center;border-bottom:1px solid var(--color-border)}.logo{color:var(--color-primary);margin-bottom:var(--spacing-xs);font-weight:700}.tagline{color:var(--color-text-light);font-size:var(--font-size-small);font-weight:400}@media (min-width: 768px){.header{padding:var(--spacing-xl) 0}}.main-content{flex:1;background-color:var(--color-secondary)}section{padding:var(--spacing-lg) 0}@media (min-width: 768px){section{padding:var(--spacing-xl) 0}}.section-title{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-md)}.video-section{background-color:var(--color-background)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius);background-color:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.subscription-section{background-color:var(--color-secondary)}.subscription-box{max-width:600px;margin:0 auto;padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a}.subscription-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text);font-family:var(--font-heading)}.form-input{width:100%;padding:12px 16px;font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input::placeholder{color:var(--color-text-light);opacity:.7}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #4a90a41a}.form-input:disabled{background-color:var(--color-background);color:var(--color-text-light);cursor:not-allowed;opacity:.6}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #d32f2f1a}.error-message{display:none;font-size:var(--font-size-small);color:var(--color-error);margin-top:4px;font-weight:400}.error-message:not(:empty){display:block}.btn-submit{width:100%;padding:14px 24px;font-size:var(--font-size-button);font-weight:600;font-family:var(--font-heading);color:var(--color-secondary);background-color:var(--color-accent);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color var(--transition-normal),transform var(--transition-fast);outline:none}.btn-submit:hover{background-color:var(--color-primary);transform:scale(1.02)}.btn-submit:active{transform:scale(.98)}.btn-submit:focus{box-shadow:0 0 0 3px #4a90a44d}.btn-submit:disabled{background-color:var(--color-border);color:var(--color-text-light);cursor:not-allowed;transform:none}.btn-submit:disabled:hover{background-color:var(--color-border);transform:none}.success-message{display:none;padding:var(--spacing-sm);background-color:#388e3c1a;border:2px solid var(--color-success);border-radius:var(--border-radius);color:var(--color-success);font-weight:600;text-align:center;animation:fadeIn var(--transition-normal)}.success-message.show{display:block}.form-error-message{display:none;padding:var(--spacing-sm);background-color:#d32f2f1a;border:2px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);font-weight:600;text-align:center;animation:fadeIn var(--transition-normal)}.form-error-message:not(:empty){display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-section{background-color:var(--color-background)}.contact-info{max-width:600px;margin:0 auto}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-secondary);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;transition:box-shadow var(--transition-normal)}.contact-item:hover{box-shadow:0 4px 8px #0000001a}.contact-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-accent);margin-top:2px}.contact-text{flex:1;text-align:left}.contact-label{font-size:var(--font-size-small);font-weight:600;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:4px}.contact-value{font-size:var(--font-size-body);color:var(--color-text);margin-bottom:0;line-height:1.5}.phone-link{color:var(--color-text);text-decoration:none;transition:color var(--transition-fast)}.phone-link:hover{color:var(--color-accent);text-decoration:underline}@media (min-width: 768px){.contact-details{flex-direction:row;gap:var(--spacing-md)}.contact-item{flex:1;flex-direction:column;align-items:center;text-align:center}.contact-text{text-align:center}.contact-icon{margin-top:0;margin-bottom:var(--spacing-xs)}}.footer{background-color:var(--color-primary);color:var(--color-secondary);padding:var(--spacing-md) 0;text-align:center;margin-top:auto}.footer-text{font-size:var(--font-size-small);margin-bottom:0}.text-center{text-align:center}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.construction-section{background-color:var(--color-background);padding:var(--spacing-xl) 0}.construction-banner{max-width:600px;margin:0 auto;text-align:center;padding:var(--spacing-lg);background-color:var(--color-secondary);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;border:2px solid var(--color-accent)}.construction-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#4a90a41a;border-radius:50%;margin-bottom:var(--spacing-md);color:var(--color-accent)}.construction-icon svg{width:48px;height:48px}.construction-title{font-size:var(--font-size-h2);color:var(--color-primary);margin-bottom:var(--spacing-sm);font-family:var(--font-heading);font-weight:700}.construction-text{font-size:var(--font-size-body);color:var(--color-text-light);line-height:1.6;margin-bottom:0}@media (max-width: 767px){.construction-banner{padding:var(--spacing-md)}.construction-icon{width:64px;height:64px}.construction-icon svg{width:36px;height:36px}}@media (max-width: 767px){.hide-mobile{display:none}}@media (min-width: 768px){.hide-desktop{display:none}}