:root{--primary: #2c5f7f;--accent: #7bc995;--white: #ffffff;--shadow: 0 8px 40px rgba(0, 0, 0, .5);--transition: .3s ease}*{box-sizing:border-box}.professional-banner-wrapper{width:100%;max-width:1000px;margin:20px auto;padding:0 15px}.banner-wrapper{position:relative;overflow:hidden}.professional-banner{width:100%;background:linear-gradient(135deg,#2c5f7f,#3a7d8f,#7bc995);border-radius:12px;padding:25px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:20px;position:relative;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:all var(--transition);min-height:140px}.professional-banner:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 12px 50px #2a9d8f80}.banner-decoration{position:absolute;border-radius:40% 60% 70% 30%/40% 50% 60%;pointer-events:none;opacity:.08}.banner-decoration-1{top:-50%;right:10%;width:200px;height:200px;background:#fffc;-webkit-animation:float 8s ease-in-out infinite;animation:float 8s ease-in-out infinite}.banner-decoration-2{bottom:-50%;left:5%;width:150px;height:150px;background:#fff9;animation:float 10s ease-in-out infinite reverse}.banner-decoration-3{top:50%;left:50%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(15px) rotate(5deg);transform:translateY(15px) rotate(5deg)}}@keyframes float{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(15px) rotate(5deg);transform:translateY(15px) rotate(5deg)}}@-webkit-keyframes pulse{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.1}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity:.05}}@keyframes pulse{0%,to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);opacity:.1}50%{-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1);opacity:.05}}.banner-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:25px;width:100%;position:relative;z-index:2}.banner-logo-section{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.banner-logo-container{position:relative;width:80px;height:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:-webkit-transform var(--transition);transition:transform var(--transition);transition:transform var(--transition),-webkit-transform var(--transition)}.banner-logo-container:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.banner-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));-webkit-animation:logoFloat 3s ease-in-out infinite;animation:logoFloat 3s ease-in-out infinite}@-webkit-keyframes logoFloat{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-4px) scale(1.03);transform:translateY(-4px) scale(1.03)}}@keyframes logoFloat{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-4px) scale(1.03);transform:translateY(-4px) scale(1.03)}}.banner-content-section{-ms-flex:1;flex:1;text-align:right;color:var(--white);min-width:0}.banner-title{font-size:24px;font-weight:900;margin:0 0 8px;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.2;letter-spacing:-.5px}.banner-subtitle{font-size:14px;font-weight:700;margin:0 0 6px;opacity:.95;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.2)}.banner-description{font-size:12px;font-weight:500;margin:0;opacity:.85;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner-features-section{-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}.banner-features-grid{display:-ms-flexbox;display:flex;gap:12px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.banner-feature-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition);cursor:pointer;min-width:80px}.banner-feature-item:hover{background:#ffffff40;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.banner-feature-item i{font-size:20px;color:var(--white);-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.banner-feature-item span{font-size:11px;font-weight:700;color:var(--white);text-align:center;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.banner-cta-button{background:#fffffff2;color:var(--primary);padding:12px 28px;border-radius:25px;font-size:14px;font-weight:800;border:none;cursor:pointer;box-shadow:0 4px 15px #0003;transition:all var(--transition);position:relative;z-index:2;white-space:nowrap;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px}.banner-cta-button:hover{-webkit-transform:scale(1.06);transform:scale(1.06);box-shadow:0 6px 25px #0000004d;background:#fff}.banner-cta-button:active{-webkit-transform:scale(1.02);transform:scale(1.02)}.banner-cta-button i{font-size:16px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.banner-cta-button:hover i{-webkit-transform:translateX(-2px);transform:translate(-2px)}@media (max-width: 768px){.professional-banner{padding:20px;min-height:160px}.banner-container{gap:15px}.banner-logo-container{width:70px;height:70px}.banner-title{font-size:20px;margin-bottom:6px}.banner-subtitle{font-size:12px;margin-bottom:4px}.banner-description{font-size:11px}.banner-features-grid{gap:10px}.banner-feature-item{min-width:70px;padding:8px 10px}.banner-feature-item i{font-size:18px}.banner-feature-item span{font-size:10px}.banner-cta-button{padding:10px 24px;font-size:13px}.banner-cta-button i{font-size:14px}}@media (max-width: 480px){.professional-banner-wrapper{padding:0 10px}.professional-banner{-ms-flex-direction:column;flex-direction:column;padding:18px;min-height:auto;gap:15px}.banner-container{-ms-flex-direction:column;flex-direction:column;gap:15px;width:100%}.banner-logo-section{-ms-flex-order:-1;order:-1}.banner-logo-container{width:60px;height:60px}.banner-content-section{text-align:center}.banner-title{font-size:18px;margin-bottom:4px}.banner-subtitle{font-size:12px;margin-bottom:3px}.banner-description{font-size:10px}.banner-features-section{width:100%}.banner-features-grid{width:100%;gap:8px}.banner-feature-item{-ms-flex:1;flex:1;min-width:0}.banner-feature-item span{font-size:9px}.banner-cta-button{width:100%;-ms-flex-pack:center;justify-content:center;padding:11px 20px;font-size:12px}}@media (prefers-reduced-motion: reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:3px solid var(--accent);outline-offset:2px}