:root{--bw-red:#9a091d;--bw-dark-red:#740f1c;--bw-black:#0c0a0a;--bw-dark-gray:#37282d;--bw-darker-gray:#242424;--bw-navy:#10141c;--bw-dark-green:#101c12;--bw-burgundy:#2f090f;--bw-dark-burgundy:#1f0b10;--bw-gold:#ffc107}body{background:linear-gradient(135deg,var(--bw-black) 0%,var(--bw-dark-burgundy) 50%,var(--bw-navy) 100%);color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.sekurak-logo{position:absolute;right:5%;top:65%;transform:translateY(-50%);z-index:10;display:block;transition:transform .3s ease}.sekurak-logo img{max-width:100px;height:auto;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.sekurak-logo:hover{transform:translateY(-50%) scale(1.05)}.sec-logo{position:absolute;bottom:-10px;left:-10px;z-index:3;height:70px;background:rgb(255,255,255,.2);border-radius:10px;transform:rotate(-5deg)}.sec-logo:hover{background:rgb(255,255,255,.5);filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transform:scale(1.1) rotate(-5deg)}.header-section{background:linear-gradient(45deg,var(--bw-red),var(--bw-dark-red));padding:1.4rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.4)}.header-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.1) 10px,rgba(0,0,0,.1) 20px)}.header-content{position:relative;z-index:2}.main-title{font-size:3.5rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:.5rem}.main-title,.discount-badge,{font-family:'Rajdhani',sans-serif}.discount-badge{font-family:'Rajdhani',sans-serif;letter-spacing:1px}.promo-text{font-family:'Rajdhani',sans-serif;font-weight:700;color:var(--bw-gold);font-size:3rem;text-transform:uppercase;margin:.5rem 0;display:inline-block;animation:neon-pulse 1.5s infinite ease-in-out}@keyframes neon-pulse{0%{transform:scale(1);text-shadow:0 0 10px rgba(255,193,7,.3)}50%{transform:scale(1.05);text-shadow:0 0 25px rgba(255,193,7,.8),0 0 5px white;color:#fff5d0}100%{transform:scale(1);text-shadow:0 0 10px rgba(255,193,7,.3)}}.subtitle{font-size:1.7rem;opacity:.95;font-weight:400;letter-spacing:4px}.header-link{color:#fff;font-weight:700;text-decoration:underline}.header-link:hover{color:var(--bw-gold)}.countdown-section{border-color:var(--bw-red);background:linear-gradient(45deg,var(--bw-dark-red),var(--bw-burgundy));padding:.3rem 0;box-shadow:0 8px 25px rgba(154,9,29,.4)}.countdown-section:hover{box-shadow:0 10px 35px rgba(154,9,29,.4)}#countdown-timer{padding:.5rem 0;border:2px solid var(--bw-gold);border-radius:8px;background-color:rgba(12,10,10,.6);box-shadow:0 0 10px rgba(255,193,7,.5);margin:0 auto;position:relative}.countdown-label{font-size:1rem;font-weight:600;color:var(--bw-gold);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:1px}.time-unit{display:inline-block;margin:0 1.7rem;text-align:center}.time-value{display:block;font-family:'Rajdhani',sans-serif;font-size:2.8rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 0 4px rgba(255,255,255,.7)}.countdown-section:hover .time-value{font-size:3rem;color:var(--bw-gold)}.time-text{display:block;font-size:.7rem;text-transform:uppercase;color:#ccc;margin-top:.1rem}.countdown-section:hover .time-text{color:#ffffa0}.content-section{padding:2rem 0}.section-title{color:var(--bw-red);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(154,9,29,.5)}.content-card{background:linear-gradient(145deg,var(--bw-dark-gray) 0%,var(--bw-darker-gray) 100%);border:1px solid var(--bw-burgundy);border-radius:15px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.5);margin-bottom:2rem}.content-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(154,9,29,.3)}.link-item{display:flex;align-items:stretch;color:#fff;text-decoration:none;padding:1.5rem;margin-bottom:1.2rem;background:linear-gradient(45deg,var(--bw-dark-burgundy),var(--bw-dark-gray));border-radius:12px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(154,9,29,.3)}.link-item:hover{transform:scale(1.02) translateY(-2px);box-shadow:0 8px 25px rgba(154,9,29,.4);border-color:var(--bw-red);background:linear-gradient(45deg,var(--bw-dark-red),var(--bw-burgundy))}.link-icon-wrapper{display:flex;align-items:center;justify-content:center;padding-right:1.5rem}.link-icon{font-size:2rem;color:var(--bw-red);transition:color .3s}.link-item:hover .link-icon{color:#fff}.link-content-grid{flex-grow:1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"title badge" "desc badge";align-items:center;gap:0 1rem}.link-title{grid-area:title;font-weight:700;font-size:1.4rem;margin-bottom:.2rem;line-height:1.2}.link-description{grid-area:desc;font-size:.9rem;opacity:.8;color:#ccc}.discount-badge{grid-area:badge;font-family:'Rajdhani',sans-serif;background-color:var(--bw-gold);color:var(--bw-black);font-weight:700;font-size:1.5rem;padding:.4rem .8rem;border-radius:8px;box-shadow:0 0 15px rgba(255,193,7,.3);transform:rotate(3deg);transition:transform .3s,background-color .3s;white-space:nowrap;text-align:center}.link-item:hover .discount-badge{transform:rotate(0deg) scale(1.1);background-color:#fff}.badge-label{display:block;font-size:.6rem;text-transform:uppercase;font-weight:700;opacity:.8;line-height:1}.placeholder-message{text-align:center}.footer{background:linear-gradient(45deg,var(--bw-black),var(--bw-dark-burgundy));border-top:1px solid var(--bw-burgundy);margin-top:auto}.footer-link{color:var(--bw-red);text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#fff}@media(min-width:768px){.content-card{margin-bottom:0}#countdown-timer{padding:1rem 1rem 1rem 1rem}.countdown-label{position:absolute;top:.5rem;left:1rem;font-size:.8rem;text-align:left;margin-bottom:0}#countdown-timer>.d-flex{margin-top:.5rem}}@media(max-width:768px){.main-title{font-size:2rem}.promo-text{font-size:1.9rem}.subtitle{font-size:1.3rem;letter-spacing:2px}.section-title{font-size:1.5rem}.sec-logo{display:none}.sec-logo,.sekurak-logo{display:none}.link-item{flex-direction:column;align-items:flex-start;position:relative;padding:1.2rem}.link-icon-wrapper{width:100%;justify-content:flex-start;padding-right:0;margin-bottom:.8rem}.link-icon{font-size:1.8rem;margin-top:0}.link-content-wrapper{display:block;width:100%}.link-text-group{padding-right:60px}.discount-badge{align-self:flex-end;position:absolute;top:1rem;right:1rem;font-size:1.1rem;padding:.3rem .8rem}.link-title{font-size:1.3rem}.countdown-section{padding:.2rem 0}.countdown-label{font-size:.8rem;margin-bottom:.3rem}.time-unit{margin:0 .3rem}.time-value{font-size:1.6rem}.countdown-section:hover .time-value{font-size:1.7rem}.time-text{font-size:.45rem}}@media(max-width:992px){.time-unit{margin:0 .8rem}.time-value{font-size:2rem}.countdown-section:hover .time-value{font-size:2.3rem}.time-text{font-size:.8rem}}@media(min-width:1200px){.countdown-label{font-size:1rem}.time-unit{margin:0 2.3rem}.time-value{font-size:3rem}.countdown-section:hover .time-value{font-size:3.1rem}.time-text{font-size:1rem}}