.header{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);box-shadow:var(--shadow-sm);z-index:var(--z-header);transition:all var(--transition-base)}.header--scrolled{box-shadow:var(--shadow-md)}.header__content{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0}.header__logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);transition:color var(--transition-fast)}.header__logo:hover{color:var(--color-accent)}.header__nav-list{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.header__nav-link{color:var(--color-text);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.header__nav-link:hover{color:var(--color-accent);background-color:#00a8961a}.header__hamburger{display:none;flex-direction:column;gap:5px;background:none;padding:var(--spacing-xs);z-index:calc(var(--z-header) + 1)}.header__hamburger span{display:block;width:25px;height:3px;background-color:var(--color-primary);transition:all var(--transition-base);border-radius:2px}.header__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.header__hamburger--open span:nth-child(2){opacity:0}.header__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.header__hamburger{display:flex}.header__nav-list{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background-color:var(--color-white);flex-direction:column;padding:var(--spacing-3xl) var(--spacing-lg);box-shadow:var(--shadow-lg);transition:right var(--transition-base);align-items:flex-start}.header__nav-list--open{right:0}.header__nav-item{width:100%}.header__nav-link{display:block;width:100%;padding:var(--spacing-sm)}}.admin-link{background-color:var(--color-accent)!important;color:var(--color-white)!important;border-radius:var(--border-radius-sm)!important;font-weight:600!important}.admin-link:hover{background-color:var(--color-accent-hover)!important;color:var(--color-white)!important}.hero{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-primary) 0%,#1a2942 100%);color:var(--color-white);padding-top:80px}.hero__content{text-align:center;max-width:800px;margin:0 auto}.hero__title{color:var(--color-white);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);animation:fadeInUp .8s ease-out}.hero__subtitle{font-size:var(--font-size-xl);color:#ffffffe6;margin-bottom:var(--spacing-xl);line-height:1.8;animation:fadeInUp .8s ease-out .2s both}.hero__cta{font-size:var(--font-size-lg);padding:var(--spacing-md) var(--spacing-xl);animation:fadeInUp .8s ease-out .4s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hero{min-height:80vh}.hero__title{font-size:var(--font-size-3xl)}.hero__subtitle{font-size:var(--font-size-lg)}}.services{background-color:var(--color-white)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.service-card{padding:var(--spacing-xl);background-color:var(--color-background);border-radius:var(--border-radius-lg);transition:all var(--transition-base);border:2px solid transparent}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.service-card__icon{width:60px;height:60px;margin-bottom:var(--spacing-md);color:var(--color-accent)}.service-card__icon svg{width:100%;height:100%}.service-card__title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--color-primary)}.service-card__description{color:var(--color-text-light);line-height:1.7;margin-bottom:0}@media(max-width:768px){.services__grid{grid-template-columns:1fr}}.about{background-color:var(--color-white)}.about__content{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-xl);align-items:center;max-width:900px;margin:0 auto}.about__image-wrapper{position:relative}.about__image{width:100%;height:auto;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);object-fit:cover;aspect-ratio:1}.about__text{font-size:var(--font-size-lg);line-height:1.8}.about__bio{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.about__bio:last-child{margin-bottom:0}.about__contact{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.about__contact-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-lg);padding:var(--spacing-sm);border-radius:var(--border-radius);transition:all var(--transition-fast)}.about__contact-item:hover{color:var(--color-accent);background-color:#00a8961a;transform:translate(5px)}.about__contact-icon{width:24px;height:24px;flex-shrink:0}.about__contact-item span{font-weight:500}@media(max-width:768px){.about__content{grid-template-columns:1fr;text-align:center}.about__image-wrapper{max-width:250px;margin:0 auto}}.contact{background-color:var(--color-background)}.contact-form{max-width:600px;margin:0 auto;background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:600;color:var(--color-primary)}.required{color:var(--color-error)}.form-input{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-border);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size-base);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #00a8961a}.form-input--error{border-color:var(--color-error)}.form-input--error:focus{box-shadow:0 0 0 3px #e53e3e1a}textarea.form-input{resize:vertical;min-height:120px}.form-error{display:block;margin-top:var(--spacing-xs);color:var(--color-error);font-size:var(--font-size-sm)}.form-status{padding:var(--spacing-sm);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-weight:500}.form-status--success{background-color:#38a1691a;color:var(--color-success);border:1px solid var(--color-success)}.form-status--error{background-color:#e53e3e1a;color:var(--color-error);border:1px solid var(--color-error)}.btn--large{width:100%;padding:var(--spacing-md);font-size:var(--font-size-lg)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn:disabled:hover{transform:none}.footer{background-color:var(--color-primary);color:var(--color-white);padding:var(--spacing-xl) 0}.footer__content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer__social{display:flex;gap:var(--spacing-md)}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-white);background-color:#ffffff1a;border-radius:50%;transition:all var(--transition-base)}.footer__social-link:hover{background-color:var(--color-accent);transform:translateY(-3px)}.footer__social-link svg{width:20px;height:20px}.footer__copyright{color:#ffffffb3;font-size:var(--font-size-sm);margin:0}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,#1a2942 100%);padding:var(--spacing-md)}.login-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px}.login-title{text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-xs);font-size:var(--font-size-2xl)}.login-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-xl)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-message{padding:var(--spacing-sm);border-radius:var(--border-radius);font-weight:500;text-align:center}.login-message--success{background-color:#38a1691a;color:var(--color-success);border:1px solid var(--color-success)}.login-message--error{background-color:#e53e3e1a;color:var(--color-error);border:1px solid var(--color-error)}.login-btn{margin-top:var(--spacing-sm)}.login-demo{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-background);border-radius:var(--border-radius);text-align:center;font-size:var(--font-size-sm)}.login-demo p{margin-bottom:var(--spacing-xs)}.login-demo p:last-child{margin-bottom:0}@media(max-width:480px){.login-card{padding:var(--spacing-lg)}}.admin-dashboard{min-height:100vh;background-color:var(--color-background)}.admin-header{background-color:var(--color-white);box-shadow:var(--shadow-sm);padding:var(--spacing-md) 0}.admin-header__content{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.admin-header h1{color:var(--color-primary);margin:0}.admin-header__user{display:flex;align-items:center;gap:var(--spacing-md)}.admin-main{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);text-align:center}.stat-card h3{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.stat-number{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-accent)}.admin-contacts{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.contacts-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.contacts-header h2{margin:0;color:var(--color-primary)}.contacts-filters{display:flex;gap:var(--spacing-sm)}.contacts-filters .form-input{min-width:150px}.contacts-table{overflow-x:auto}.contacts-table table{width:100%;border-collapse:collapse}.contacts-table th,.contacts-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.contacts-table th{background-color:var(--color-background);font-weight:600;color:var(--color-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.contacts-table td{color:var(--color-text)}.contacts-table tr:hover{background-color:#00a8960d}.status-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);font-weight:500}.status-select--new{background-color:#ffc1071a;color:#856404;border-color:#ffc107}.status-select--read{background-color:#007bff1a;color:#004085;border-color:#007bff}.status-select--replied{background-color:#28a7451a;color:#155724;border-color:#28a745}.btn--small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--danger:hover{background-color:#c82333}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.pagination-info{color:var(--color-text-light);font-weight:500}.admin-error{background-color:#e53e3e1a;color:var(--color-error);border:1px solid var(--color-error);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.admin-loading,.no-contacts{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}@media(max-width:768px){.admin-header__content{flex-direction:column;gap:var(--spacing-md)}.contacts-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.admin-stats{grid-template-columns:repeat(2,1fr)}.contacts-table{font-size:var(--font-size-sm)}.contacts-table th,.contacts-table td{padding:var(--spacing-xs) var(--spacing-sm)}}@media(max-width:480px){.admin-stats{grid-template-columns:1fr}}:root{--color-primary: #0B1220;--color-accent: #00A896;--color-accent-hover: #008c7a;--color-background: #F4F6F8;--color-text: #0A0A0A;--color-text-light: #4A5568;--color-white: #FFFFFF;--color-border: #E2E8F0;--color-error: #E53E3E;--color-success: #38A169;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-base: 16px;--font-size-sm: .875rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem;--max-width: 1200px;--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-header: 1000;--z-modal: 2000;--z-overlay: 1999}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:var(--font-size-base)}body{font-family:var(--font-family);color:var(--color-text);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}p{margin-bottom:var(--spacing-sm)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{font-family:var(--font-family);cursor:pointer;border:none;transition:all var(--transition-base)}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-white);font-weight:600;border-radius:var(--border-radius);transition:all var(--transition-base)}.btn:hover{background-color:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}section{padding:var(--spacing-3xl) 0}.section-title{text-align:center;margin-bottom:var(--spacing-xl);font-size:var(--font-size-3xl)}.text-center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(max-width:768px){html{font-size:14px}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}section{padding:var(--spacing-2xl) 0}}