*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:Inter,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:80px 0}.section.section-dark{background:#1a202c;color:#fff}.section-title{font-size:1.5rem;font-weight:700;text-align:center;margin-bottom:20px;background:linear-gradient(135deg,#000000 0%,#000000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-subtitle{font-size:1.2rem;text-align:center;margin-bottom:60px;color:#64748b}@media (max-width: 768px){.container{padding:0 15px}.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}}@media (max-width: 480px){.section-title{font-size:1.8rem}.btn{padding:10px 20px;font-size:.9rem}}.page-banner{position:relative;min-height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#000000 0%,#2a2a2a 50%,#1a1a1a 100%);overflow:hidden}@media (min-width: 768px){.page-banner{min-height:150px}}.background-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bubble{position:absolute;bottom:-50px;border-radius:50%;background:rgba(192,192,192,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:floatUp linear infinite;border:1px solid rgba(255,215,0,.2)}.gradient-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:pulse-slow 4s ease-in-out infinite}.gradient-orb.orb-1{width:300px;height:300px;top:-100px;right:-50px;background:linear-gradient(to right,rgba(255,215,0,.25),rgba(192,192,192,.25))}.gradient-orb.orb-2{width:250px;height:250px;bottom:-80px;left:-50px;background:linear-gradient(to right,rgba(192,192,192,.2),rgba(255,215,0,.2));animation-delay:2s}.ripple-container{position:absolute;width:200px;height:200px}.ripple-container.ripple-left{top:20%;left:10%}.ripple-container.ripple-right{bottom:20%;right:10%}@media (max-width: 767px){.ripple-container{display:none}}.ripple-circle{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(255,215,0,.3);animation:ripple 4s ease-out infinite}.banner-wave-container{position:absolute;bottom:0;left:0;right:-30px;z-index:1;line-height:0}.banner-wave-svg{width:100%;height:60px;display:block}@media (min-width: 768px){.banner-wave-svg{height:80px}}.banner-wave-svg path{fill:#fff}.banner-wave-path{animation:wave 10s ease-in-out infinite;fill:#fff}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem;position:relative;z-index:10}.banner-content{text-align:center;animation:fadeInUp .8s ease-out forwards}.water-drop-icon{display:flex;justify-content:center}.drop-shape{position:relative;width:50px;height:60px;background:linear-gradient(to bottom,#ffd700,#c0c0c0,#b8860b);border-radius:0 50% 50%;transform:rotate(45deg);box-shadow:0 10px 30px #ffd70080;animation:float-gentle 3s ease-in-out infinite;border:2px solid rgba(255,255,255,.3)}@media (min-width: 768px){.drop-shape{width:60px;height:72px}}.drop-shine{position:absolute;top:10px;left:10px;width:12px;height:12px;background:rgba(255,255,255,.6);border-radius:50%;box-shadow:0 0 8px #fff6}@media (min-width: 768px){.drop-shine{width:15px;height:15px}}.breadcrumbs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.breadcrumb-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;color:silver;text-decoration:none;transition:color .3s ease}.breadcrumb-item i{font-size:.75rem}.breadcrumb-item:hover:not(.active){color:gold}.breadcrumb-item.active{color:gold;font-weight:500;text-shadow:0 0 10px rgba(255,215,0,.5)}.breadcrumb-separator{color:#c0c0c080;font-size:.625rem}.breadcrumb-separator i{font-size:.5rem}.banner-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(255,215,0,.4)}@media (min-width: 768px){.banner-title{font-size:2rem}}@media (min-width: 1024px){.banner-title{font-size:2rem}}.banner-subtitle{font-size:1rem;color:silver;margin:0 auto 1.5rem;max-width:600px;line-height:1.6}@media (min-width: 768px){.banner-subtitle{font-size:1.125rem}}.title-decoration{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.decoration-line{width:50px;height:2px;background:linear-gradient(to right,transparent,#ffd700);border-radius:2px}.decoration-line:last-child{background:linear-gradient(to left,transparent,#ffd700)}@media (min-width: 768px){.decoration-line{width:80px}}.decoration-dot{width:10px;height:10px;background:#ffd700;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 10px #ffd70099}.btn{display:inline-block;padding:12px 24px;border:none;border-radius:8px;text-decoration:none;font-weight:500;text-align:center;cursor:pointer;transition:all .3s ease}.btn.btn-primary{background:linear-gradient(135deg,#FFF4C4 0%,#FFD700 100%);color:#1a1a1a;border:1px solid #DAA520;box-shadow:0 4px 14px #ffd7004d}.btn.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #ffd70080;background:linear-gradient(135deg,#FFD700 0%,#DAA520 100%);color:#fff}.btn.btn-primary i{font-size:.875rem}.btn.btn-outline{background:transparent;color:gold;border:2px solid #ffd700;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn.btn-outline:hover{background:#ffd700;color:#000;border-color:gold;box-shadow:0 4px 15px #ffd70066}@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-500px) rotate(360deg);opacity:0}}@keyframes ripple{0%{transform:scale(.5);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(-20px)}}@keyframes pulse-slow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes float-gentle{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(-8px)}}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #ffd70099}50%{transform:scale(1.1);box-shadow:0 0 0 10px #ffd70000}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
