:root{--primary:#0994CD;--primary-dark:#007fac;--midnight:#1b2333;--cyber-deep:#002a40;--charcoal:#2b2b2b;--white-smoke:#f3f3f3;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--border-color:#e5e7eb;--card-bg:#ffffff;--muted-bg:#f3f4f6;--muted-fg:#6b7280}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--gray-900);background:#fff;overflow-x:hidden}a{text-decoration:none;transition:color 0.3s ease}img{max-width:100%;height:auto}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--primary-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.gradient-bg-reverse{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.gradient-bg-dark{background:linear-gradient(135deg,var(--midnight),var(--cyber-deep))}.gradient-bg-cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark),var(--cyber-deep))}.navbar-custom{background:#fff;border-bottom:1px solid var(--border-color);box-shadow:0 4px 6px -1px rgba(0,0,0,0.07);position:sticky;top:0;z-index:1030}.navbar-custom .navbar-brand img{height:40px;width:auto}.navbar-custom .nav-link{color:var(--gray-700);font-size:0.875rem;font-weight:600;position:relative;padding:0.5rem 0;margin:0 1.25rem;transition:color 0.3s}.navbar-custom .nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary),var(--primary-dark));transition:width 0.3s}.navbar-custom .nav-link:hover{color:var(--primary)}.navbar-custom .nav-link:hover::after{width:100%}.btn-contact-nav{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:0.625rem 1.25rem;border-radius:0.5rem;font-weight:600;font-size:0.875rem;border:none;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s;box-shadow:0 4px 6px rgba(9,148,205,0.25)}.btn-contact-nav:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 6px 12px rgba(9,148,205,0.35);transform:scale(1.05)}.banner-slider{position:relative;width:100%;overflow:hidden;background:#000;aspect-ratio:3 / 1;max-height:340px}.banner-slide{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.6s ease}.banner-slide img{width:100%;height:100%;object-fit:cover;display:block}.banner-slide.active{opacity:1}.banner-slide h2{font-size:2rem;font-weight:700;margin-bottom:0.75rem}.banner-slide p{font-size:1.125rem;opacity:0.95;margin-bottom:1.5rem}.banner-btn{background:#fff;color:var(--primary);padding:0.5rem 2rem;border-radius:0.25rem;font-weight:600;border:none;transition:all 0.3s}.banner-btn:hover{background:rgba(255,255,255,0.9);color:var(--primary-dark)}.banner-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(255,255,255,0.2);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background 0.3s;cursor:pointer}.banner-nav-btn:hover{background:rgba(255,255,255,0.4)}.banner-nav-btn.prev{left:1rem}.banner-nav-btn.next{right:1rem}.banner-dots{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:0.5rem}.banner-dot{width:8px;height:8px;border-radius:9999px;background:rgba(255,255,255,0.5);border:none;cursor:pointer;transition:all 0.3s;padding:0}.banner-dot.active{background:#fff;width:24px}@media (min-width:768px){.banner-slider{max-height:380px}}@media (max-width:767px){.banner-slider{max-height:180px}}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,rgba(9,148,205,0.1),rgba(0,127,172,0.1));border:1px solid rgba(9,148,205,0.3);border-radius:9999px;padding:0.5rem 1rem;margin-bottom:1.5rem;transition:all 0.3s}.hero-badge:hover{border-color:rgba(9,148,205,0.6);box-shadow:0 2px 8px rgba(9,148,205,0.15)}.hero-badge span{color:var(--primary);font-size:0.875rem;font-weight:600}.hero-badge i{color:var(--primary)}.stat-card{text-align:center;padding:1.5rem;border-radius:0.5rem;border:1px solid var(--gray-200);background:linear-gradient(to bottom right,var(--gray-50),#fff);transition:all 0.3s;cursor:pointer}.stat-card:hover{border-color:rgba(9,148,205,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.08)}.stat-card .stat-icon{color:var(--primary);margin-bottom:0.75rem;transition:transform 0.3s}.stat-card:hover .stat-icon{transform:scale(1.25)}.stat-card .stat-value{font-size:2.25rem;font-weight:700;margin-bottom:0.5rem}.service-card{position:relative}.service-card .card-glow{position:absolute;inset:0;border-radius:0.5rem;filter:blur(10px);opacity:0;transition:opacity 0.3s}.service-card:hover .card-glow{opacity:0.25}.service-card .card-inner{position:relative;background:#fff;border:2px solid var(--gray-200);border-radius:0.5rem;padding:2rem;transition:all 0.3s;overflow:hidden}.service-card:hover .card-inner{border-color:var(--primary);box-shadow:0 25px 50px rgba(0,0,0,0.1)}.service-card .card-circle{position:absolute;top:0;right:0;width:128px;height:128px;background:linear-gradient(to bottom right,rgba(9,148,205,0.05),rgba(0,127,172,0.05));border-radius:50%;margin-right:-2rem;margin-top:-2rem;transition:transform 0.3s}.service-card:hover .card-circle{transform:scale(1.5)}.service-card .card-icon{color:var(--primary);margin-bottom:1rem;transition:transform 0.3s;position:relative;z-index:1}.service-card:hover .card-icon{transform:scale(1.25)}.service-card h3{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem;position:relative;z-index:1}.service-card .card-desc{color:var(--gray-600);transition:color 0.3s;margin-bottom:1.5rem;position:relative;z-index:1}.service-card:hover .card-desc{color:var(--gray-900)}.service-card .feature-list{list-style:none;padding:0;margin:0 0 1.5rem;position:relative;z-index:1}.service-card .feature-list li{display:none;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--gray-700);margin-bottom:0.5rem}.service-card:hover .feature-list li{display:flex;animation:fadeIn 0.3s ease forwards}.service-card .feature-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));flex-shrink:0}.service-card .learn-more{display:flex;align-items:center;color:var(--primary);font-weight:600;font-size:0.875rem;opacity:0;transition:opacity 0.3s;position:relative;z-index:1;margin-top:1.5rem}.service-card:hover .learn-more{opacity:1}.service-card .learn-more i{margin-left:0.5rem;transition:transform 0.3s}.service-card:hover .learn-more i{transform:translateX(4px)}.why-choose-item{display:flex;gap:0.75rem;align-items:flex-start;transition:transform 0.3s}.why-choose-item:hover{transform:translateX(4px)}.why-choose-item i{color:var(--primary);flex-shrink:0;margin-top:2px;transition:transform 0.3s}.why-choose-item:hover i{transform:scale(1.1)}.why-choose-img-wrapper{background:linear-gradient(to bottom right,rgba(9,148,205,0.1),rgba(0,127,172,0.1));border-radius:0.5rem;padding:2rem;border:2px solid var(--gray-200);transition:all 0.3s}.why-choose-img-wrapper:hover{border-color:rgba(9,148,205,0.5)}.why-choose-img-wrapper img{border-radius:0.5rem;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.partner-box{background:#fff;border:2px solid var(--gray-200);border-radius:0.5rem;padding:1.25rem;height:80px;display:flex;align-items:center;justify-content:center;transition:all 0.3s}.partner-box:hover{border-color:var(--primary);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.partner-box img{transition:filter 0.3s,transform 0.3s;filter:grayscale(0%)}.partner-box:hover img{filter:grayscale(0%)!important;transform:scale(1.08)}.partner-box span{font-weight:600;color:var(--gray-700);transition:color 0.3s}.partner-box:hover span{color:var(--primary)}.cta-section{background:linear-gradient(135deg,var(--primary),var(--primary-dark),var(--cyber-deep));color:#fff;border-radius:0.5rem;padding:3rem;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.15);transition:box-shadow 0.3s}.cta-section:hover{box-shadow:0 25px 50px rgba(0,0,0,0.2)}.cta-section h2{font-weight:700;margin-bottom:1rem}.cta-section p{opacity:0.95;margin-bottom:2rem;font-size:1.125rem}.btn-cta-white{display:inline-block;background:#fff;color:var(--primary);padding:0.75rem 2rem;border-radius:0.5rem;font-weight:600;transition:all 0.3s;border:none}.btn-cta-white:hover{background:var(--gray-100);color:var(--primary);box-shadow:0 6px 12px rgba(0,0,0,0.15);transform:scale(1.05)}.btn-primary-custom{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:0.75rem 2rem;border-radius:0.5rem;font-weight:600;border:none;display:inline-flex;align-items:center;gap:0.5rem;transition:all 0.3s;box-shadow:0 4px 12px rgba(9,148,205,0.3)}.btn-primary-custom:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));color:#fff;box-shadow:0 8px 20px rgba(9,148,205,0.4);transform:scale(1.05)}.btn-outline-custom{border:2px solid var(--primary);color:var(--primary);padding:0.75rem 2rem;border-radius:0.5rem;font-weight:600;background:transparent;transition:all 0.3s}.btn-outline-custom:hover{background:var(--primary);color:#fff;box-shadow:0 6px 12px rgba(9,148,205,0.3)}.footer-main{background:linear-gradient(to bottom,var(--midnight),var(--cyber-deep));color:#fff;padding:4rem 0 2rem}.footer-main h4{font-weight:700;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.footer-main p{color:#9ca3af;font-size:0.875rem;line-height:1.625}.footer-main .footer-links{list-style:none;padding:0}.footer-main .footer-links li{margin-bottom:0.5rem}.footer-main .footer-links a{color:#9ca3af;font-size:0.875rem;transition:color 0.3s}.footer-main .footer-links a:hover{color:var(--primary)}.footer-main .footer-contact li{display:flex;gap:0.5rem;align-items:flex-start;color:#9ca3af;font-size:0.875rem;margin-bottom:0.75rem}.footer-main .footer-contact li i{color:var(--primary);margin-top:2px;flex-shrink:0}.footer-social a{color:#9ca3af;padding:0.5rem;border-radius:0.25rem;transition:all 0.3s;display:inline-flex}.footer-social a:hover{color:var(--primary);background:rgba(9,148,205,0.1)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:2rem;margin-top:3rem}.footer-bottom p{color:#9ca3af;font-size:0.875rem}.footer-bottom a{color:#9ca3af;font-size:0.75rem;transition:color 0.3s}.footer-bottom a:hover{color:var(--primary)}.chat-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1040;width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;box-shadow:0 4px 12px rgba(0,0,0,0.2);display:flex;align-items:center;justify-content:center;transition:all 0.3s;cursor:pointer}.chat-fab:hover{background:rgba(9,148,205,0.9);transform:scale(1.1)}.chat-window{position:fixed;bottom:6rem;right:1.5rem;width:320px;background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;box-shadow:0 25px 50px rgba(0,0,0,0.15);z-index:1040;overflow:hidden;display:none}.chat-window.open{display:block}.chat-header{background:var(--primary);color:#fff;padding:1rem}.chat-header h5{font-weight:600;font-size:1.125rem;margin-bottom:0.25rem}.chat-header .status{font-size:0.875rem;opacity:0.9;display:flex;align-items:center;gap:0.5rem}.chat-header .status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%}.chat-messages{height:256px;padding:1rem;overflow-y:auto;background:var(--gray-50)}.chat-bubble{background:var(--gray-200);color:var(--gray-700);font-size:0.875rem;padding:0.75rem;border-radius:0.5rem;border-top-left-radius:0;max-width:280px;margin-bottom:0.75rem}.chat-response-time{font-size:0.75rem;color:var(--muted-fg)}.chat-input-area{border-top:1px solid var(--border-color);padding:1rem;background:#fff}.chat-input-area .form-control{font-size:0.875rem;border:1px solid var(--border-color);background:var(--gray-100)}.chat-input-area .form-control:focus{border-color:var(--primary);box-shadow:none}.chat-input-area .btn-send{background:var(--primary);color:#fff;font-size:0.875rem;font-weight:500;border:none;padding:0.5rem 0.75rem;border-radius:0.25rem}.chat-input-area .btn-send:hover{background:rgba(9,148,205,0.9)}.chat-whatsapp-note{font-size:0.75rem;color:var(--muted-fg);text-align:center;margin-top:0.5rem}.page-hero{padding:3rem 0 3rem;text-align:center}.page-hero h1{font-size:2.5rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem}.page-hero p{font-size:1.125rem;color:var(--muted-fg)}@media (min-width:768px){.page-hero{padding:5rem 0 3rem}.page-hero h1{font-size:3rem}}.section-card{background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;padding:2rem;transition:all 0.3s}.section-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);border-color:rgba(9,148,205,0.5)}.section-card .card-icon-primary{color:var(--primary);margin-bottom:1rem}.section-card h3{font-weight:700;margin-bottom:0.5rem}.section-card p{color:var(--muted-fg)}.process-step{text-align:center}.process-step .step-num{width:64px;height:64px;background:#fff;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:700;color:var(--primary);font-size:1.5rem}.process-step h5{font-weight:700;margin-bottom:0.5rem}.process-step p{font-size:0.875rem;color:var(--muted-fg)}.expertise-item{background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem}.expertise-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0}.event-card{background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;overflow:hidden;transition:all 0.3s}.event-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);border-color:rgba(9,148,205,0.5)}.event-card .event-image{height:160px}.event-card .event-body{padding:1.5rem}.event-card .event-date{font-size:0.875rem;font-weight:600;color:var(--primary)}.event-card .event-location{font-size:0.875rem;color:var(--muted-fg);display:flex;align-items:center;gap:0.25rem;margin-top:0.25rem}.event-card h5{font-weight:700;transition:color 0.3s}.event-card:hover h5{color:var(--primary)}.honor-card{background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;padding:1.5rem;transition:all 0.3s}.honor-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);border-color:rgba(9,148,205,0.5)}.honor-year-badge{font-size:0.875rem;font-weight:600;color:var(--primary);background:rgba(9,148,205,0.1);padding:0.25rem 0.75rem;border-radius:0.25rem;display:inline-block}.contact-info-card{background:#fff;border:1px solid var(--border-color);border-radius:0.5rem;padding:2rem;text-align:center}.contact-info-card .icon-circle{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:rgba(9,148,205,0.1);border-radius:0.5rem;margin-bottom:1rem;color:var(--primary)}.contact-info-card h5{font-weight:700;margin-bottom:0.5rem}.form-control-custom{width:100%;padding:0.5rem 1rem;border:1px solid var(--border-color);border-radius:0.5rem;background:#fff;font-size:0.875rem;transition:border-color 0.3s}.form-control-custom:focus{outline:none;border-color:var(--primary);box-shadow:none}.login-page{background:linear-gradient(135deg,var(--midnight),var(--cyber-deep),var(--midnight));min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:3rem 1rem}.login-card-wrapper{position:relative;width:100%;max-width:448px}.login-glow{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:1rem;filter:blur(20px);opacity:0.2;transition:opacity 0.3s}.login-card-wrapper:hover .login-glow{opacity:0.4}.login-card{position:relative;background:rgba(27,35,51,0.8);backdrop-filter:blur(20px);border:1px solid rgba(0,127,172,0.5);border-radius:1rem;padding:2rem;box-shadow:0 25px 50px rgba(0,0,0,0.3)}.login-card .login-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:0.75rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 4px 12px rgba(9,148,205,0.3)}.login-card .login-logo span{color:#fff;font-weight:700;font-size:1.5rem}.login-card h1{color:#fff;font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:0.5rem}.login-card .login-subtitle{color:rgba(255,255,255,0.6);text-align:center;margin-bottom:2rem}.login-card label{color:rgba(255,255,255,0.8);font-size:0.875rem;font-weight:500;margin-bottom:0.5rem;display:block}.login-input-group{position:relative}.login-input-group .input-glow{position:absolute;inset:0;background:linear-gradient(135deg,rgba(9,148,205,0.2),rgba(0,127,172,0.2));border-radius:0.5rem;filter:blur(8px);opacity:0;transition:opacity 0.3s}.login-input-group:hover .input-glow{opacity:1}.login-input-inner{position:relative;display:flex;align-items:center;background:rgba(0,42,64,0.5);border:1px solid rgba(0,127,172,0.3);border-radius:0.5rem;padding:0.75rem 1rem;transition:all 0.3s}.login-input-inner:focus-within{border-color:var(--primary);box-shadow:0 4px 12px rgba(9,148,205,0.2)}.login-input-inner i{color:var(--primary-dark);margin-right:0.75rem}.login-input-inner input{flex:1;background:transparent;border:none;color:#fff;outline:none}.login-input-inner input::placeholder{color:rgba(255,255,255,0.4)}.login-input-inner .btn-toggle-pw{background:none;border:none;color:var(--primary-dark);cursor:pointer;transition:color 0.3s;padding:0}.login-input-inner .btn-toggle-pw:hover{color:var(--primary)}.login-card .remember-row{display:flex;align-items:center;justify-content:space-between;font-size:0.875rem;margin-bottom:1.5rem}.login-card .remember-row label{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.6);cursor:pointer;margin-bottom:0}.login-card .remember-row a{color:var(--primary)}.login-card .remember-row a:hover{color:var(--primary-dark)}.login-card .btn-login{width:100%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:600;padding:0.75rem;border-radius:0.5rem;border:none;display:flex;align-items:center;justify-content:center;gap:0.5rem;transition:all 0.3s;box-shadow:0 4px 12px rgba(9,148,205,0.3)}.login-card .btn-login:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary));box-shadow:0 8px 20px rgba(9,148,205,0.4)}.login-card .btn-login.loading .spinner-border{width:20px;height:20px;border-width:2px}.login-divider{position:relative;margin:1.5rem 0}.login-divider hr{border-color:rgba(0,127,172,0.2)}.login-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 0.75rem;background:rgba(27,35,51,0.8);color:rgba(255,255,255,0.4);font-size:0.875rem}.login-card .btn-create-account{display:block;width:100%;text-align:center;padding:0.75rem;border:1px solid rgba(0,127,172,0.5);border-radius:0.5rem;color:var(--primary);font-weight:500;transition:all 0.3s}.login-card .btn-create-account:hover{background:rgba(0,127,172,0.1);color:var(--primary)}.login-card .terms-text{text-align:center;font-size:0.75rem;color:rgba(255,255,255,0.4);margin-top:1.5rem}.login-card .terms-text a{color:var(--primary-dark)}.login-card .terms-text a:hover{color:var(--primary)}.login-support-text{text-align:center;color:rgba(255,255,255,0.6);margin-top:2rem}.login-support-text a{color:var(--primary);font-weight:500}.login-support-text a:hover{color:var(--primary-dark)}.brand-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2px solid var(--gray-200);border-radius:0.75rem;padding:2rem;min-height:160px;transition:all 0.3s;text-decoration:none;color:inherit;position:relative;overflow:hidden}.brand-card .brand-bg-overlay{position:absolute;inset:0;background:linear-gradient(to bottom right,rgba(9,148,205,0),rgba(0,127,172,0));transition:all 0.3s}.brand-card:hover .brand-bg-overlay{background:linear-gradient(to bottom right,rgba(9,148,205,0.05),rgba(0,127,172,0.05))}.brand-card:hover{border-color:var(--primary);box-shadow:0 25px 50px rgba(0,0,0,0.1);transform:scale(1.05);color:inherit}.brand-card .brand-icon{width:64px;height:64px;background:linear-gradient(to bottom right,rgba(9,148,205,0.1),rgba(0,127,172,0.1));border-radius:0.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:background 0.3s;position:relative;z-index:1}.brand-card .brand-logo-img{height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;z-index:1;padding:0.25rem}.brand-card .brand-logo-img img{max-height:60px;max-width:140px;object-fit:contain;filter:grayscale(0%);transition:filter 0.3s,transform 0.3s}.brand-card:hover .brand-logo-img img{filter:grayscale(0%);transform:scale(1.05)}.brand-card:hover .brand-icon{background:linear-gradient(to bottom right,rgba(9,148,205,0.2),rgba(0,127,172,0.2))}.brand-card .brand-icon span{font-size:1.5rem;font-weight:700;color:var(--primary);transition:color 0.3s}.brand-card:hover .brand-icon span{color:var(--primary-dark)}.brand-card h5{font-weight:700;color:var(--gray-900);transition:color 0.3s;position:relative;z-index:1}.brand-card:hover h5{color:var(--primary)}.brand-card .brand-category{font-size:0.75rem;color:var(--gray-500);margin-top:0.5rem;position:relative;z-index:1;transition:color 0.3s}.brand-card:hover .brand-category{color:var(--primary-dark)}.brand-card .brand-view-link{margin-top:1rem;display:flex;align-items:center;gap:0.25rem;color:var(--primary);font-size:0.875rem;font-weight:600;opacity:0;transition:opacity 0.3s;position:relative;z-index:1}.brand-card:hover .brand-view-link{opacity:1}.brand-hero{color:#fff;padding:4rem 0 6rem}.brand-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}@media (min-width:768px){.brand-hero{padding:6rem 0 6rem}.brand-hero h1{font-size:3rem}}.brand-info-box{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:rgba(9,148,205,0.05);border-radius:0.5rem;border:1px solid rgba(9,148,205,0.15);margin-bottom:1rem}.brand-info-box i{color:var(--primary);flex-shrink:0;margin-top:2px}.brand-info-box h6{font-weight:600;margin-bottom:0.25rem}.brand-info-box p{color:var(--gray-600);font-size:0.875rem;margin-bottom:0}.brand-showcase{border-radius:0.75rem;padding:3rem;color:#fff;height:256px;display:flex;align-items:center;justify-content:center;box-shadow:0 25px 50px rgba(0,0,0,0.15)}.brand-showcase .brand-letter{font-size:4.5rem;font-weight:700;opacity:0.2;margin-bottom:1rem}.solution-item{background:#fff;padding:1.5rem;border-radius:0.5rem;border:1px solid var(--gray-200);transition:all 0.3s}.solution-item:hover{border-color:var(--primary);box-shadow:0 10px 25px rgba(0,0,0,0.08)}.solution-item .solution-num{width:48px;height:48px;border-radius:0.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.solution-item h6{font-weight:600;transition:color 0.3s}.solution-item:hover h6{color:var(--primary)}.cert-box{background:linear-gradient(to bottom right,var(--gray-50),var(--gray-100));border-radius:0.75rem;padding:3rem;border:2px solid var(--gray-200)}.benefit-card{background:#fff;border:1px solid var(--gray-200);border-radius:0.5rem;padding:2rem;text-align:center;transition:all 0.3s}.benefit-card:hover{box-shadow:0 10px 25px rgba(0,0,0,0.08);border-color:var(--primary)}.map-wrapper{background:var(--gray-200);border-radius:0.5rem;overflow:hidden;height:384px}.map-wrapper img{width:100%;height:100%;object-fit:cover}.section-muted{background:var(--gray-100)}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn 0.5s ease-out}.breadcrumb-custom{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:1rem 0;font-size:0.875rem}.breadcrumb-custom a{color:var(--primary)}.breadcrumb-custom a:hover{color:var(--primary-dark)}.breadcrumb-custom .separator{color:var(--gray-400);margin:0 0.5rem}.bg-gradient-blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.bg-gradient-darkblue{background:linear-gradient(135deg,#1d4ed8,#3b82f6)}.bg-gradient-red{background:linear-gradient(135deg,#dc2626,#f87171)}.bg-gradient-orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.bg-gradient-amber{background:linear-gradient(135deg,#d97706,#fbbf24)}.bg-gradient-green{background:linear-gradient(135deg,#16a34a,#4ade80)}.bg-gradient-slate{background:linear-gradient(135deg,#334155,#64748b)}.bg-gradient-purple{background:linear-gradient(135deg,#9333ea,#c084fc)}.bg-gradient-darkred{background:linear-gradient(135deg,#b91c1c,#ef4444)}.bg-gradient-indigo{background:linear-gradient(135deg,#4f46e5,#818cf8)}.bg-gradient-cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)}.bg-gradient-lime{background:linear-gradient(135deg,#65a30d,#a3e635)}.bg-gradient-sky{background:linear-gradient(135deg,#0284c7,#38bdf8)}.bg-gradient-teal{background:linear-gradient(135deg,#0d9488,#2dd4bf)}.bg-gradient-emerald{background:linear-gradient(135deg,#059669,#34d399)}.bg-gradient-darkgreen{background:linear-gradient(135deg,#15803d,#22c55e)}.bg-gradient-violet{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.bg-gradient-yellow{background:linear-gradient(135deg,#ca8a04,#facc15)}.bg-gradient-fuchsia{background:linear-gradient(135deg,#c026d3,#e879f9)}.bg-gradient-rose{background:linear-gradient(135deg,#e11d48,#fb7185)}.bg-gradient-event-1{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bg-gradient-event-2{background:linear-gradient(135deg,#6366f1,#4f46e5)}.bg-gradient-event-3{background:linear-gradient(135deg,#a855f7,#9333ea)}.pplx-attribution{font-size:0.75rem;color:#9ca3af}.pplx-attribution a{color:#9ca3af;transition:color 0.3s}.pplx-attribution a:hover{color:var(--primary)}