:root{--dermpro-primary:#4a7c2a;--dermpro-primary-dark:#2d5016;--dermpro-secondary:#fab758;--dermpro-accent:#3f78e0;--dermpro-error:#e63946;--dermpro-success:#2a9d8f;--dermpro-bg-gray:#f8f9fa;--dermpro-border-gray:#dee2e6;--dermpro-text-main:#343f52;--dermpro-text-muted:#60697b;--dermpro-font-family:"Inter", sans-serif;--dermpro-spacing-unit:8px;--dermpro-radius-sm:4px;--dermpro-radius-md:8px;--dermpro-radius-lg:12px;--dermpro-radius-full:50rem;--dermpro-shadow:0 .25rem .75rem #1e222814;--dermpro-shadow-hover:0 .5rem 1.5rem #1e22281f}.dermpro-input-field{width:100%;font-family:var(--dermpro-font-family);color:var(--dermpro-text-main);background:0 0;border:none;border-bottom:1.5px dotted #dee2e6;outline:none;padding:12px 0;transition:all .3s}.dermpro-input-field:focus{border-bottom:2px solid var(--dermpro-primary)}.dermpro-input-field::placeholder{color:#adb5bd}.dermpro-btn{border-radius:var(--dermpro-radius-full);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.dermpro-btn-primary{background-color:var(--dermpro-primary);color:#fff;border:1px solid var(--dermpro-primary)}.dermpro-btn-primary:hover{background-color:var(--dermpro-primary-dark);box-shadow:var(--dermpro-shadow-hover);transform:translateY(-2px)}.dermpro-btn-blue{background-color:var(--dermpro-accent);color:#fff;border:1px solid var(--dermpro-accent)}.dermpro-btn-blue:hover{filter:brightness(1.1);box-shadow:var(--dermpro-shadow-hover);transform:translateY(-2px)}.dermpro-btn-outline{border:1.5px solid var(--dermpro-border-gray);color:var(--dermpro-text-main);background:0 0}.dermpro-btn-outline:hover{border-color:var(--dermpro-primary);color:var(--dermpro-primary)}@keyframes dermpro-nav-item-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:none}}@keyframes dermpro-nav-submenu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (max-width:991.98px) and (prefers-reduced-motion:no-preference){.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li{animation:.45s cubic-bezier(.16,1,.3,1) both dermpro-nav-item-in}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:first-child{animation-delay:80ms}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(2){animation-delay:.12s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(3){animation-delay:.16s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(4){animation-delay:.2s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(5){animation-delay:.24s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(6){animation-delay:.28s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(7){animation-delay:.32s}.navbar-expand-lg .offcanvas-nav.show .offcanvas-body .navbar-nav>li:nth-child(n+8){animation-delay:.36s}.navbar-expand-lg .offcanvas-nav .navbar-nav>li>div.block{animation:.3s ease-out both dermpro-nav-submenu-in}}