:root{--brand-navy:#0a1128;--brand-navy-light:#1a2947;--brand-navy-dark:#050816;--brand-coral:#ff3b3f;--brand-coral-light:#ff6366;--brand-coral-dark:#d63235;--brand-white:#f8f9fa;--brand-cream:#fff5f5;--brand-plum:#8b2f5c;--brand-plum-light:#a84473;--gradient-primary:linear-gradient(135deg,var(--brand-navy) 0%,var(--brand-navy-light) 50%,var(--brand-navy-dark) 100%);--gradient-accent:linear-gradient(135deg,var(--brand-coral) 0%,var(--brand-coral-dark) 100%);--shadow-soft:0 4px 20px rgba(0,0,0,.15);--shadow-medium:0 8px 30px rgba(0,0,0,.25);--shadow-hard:0 15px 50px rgba(0,0,0,.4);--shadow-glow-red:0 0 30px rgba(255,59,63,.3)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--gradient-primary);color:var(--brand-white);font-family:'Poppins',sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.sprinkles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.1;background-image:radial-gradient(circle,var(--brand-coral) 2px,transparent 2px),radial-gradient(circle,var(--brand-plum-light) 2px,transparent 2px),radial-gradient(circle,var(--brand-white) 2px,transparent 2px);background-size:60px 60px,90px 90px,120px 120px;background-position:0 0,30px 30px,60px 60px}.sekurak-logo{position:absolute;right:4%;top:55%;display:block;opacity:.8;transform:translateY(-50%);transition:transform .3s ease,opacity .3s ease;z-index:10}.sekurak-logo img{max-width:100px;height:auto;filter:drop-shadow(0 4px 15px rgba(255,59,63,.4))}.sekurak-logo:hover{opacity:1;filter:drop-shadow(0 0 20px rgba(255,99,102,.6));transform:translateY(-50%) scale(1.05)}.sec-logo{position:absolute;bottom:-10px;left:-10px;z-index:3;height:70px;background:rgba(255,255,255,.1);border-radius:10px;transform:rotate(-5deg);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.sec-logo:hover{background:rgba(255,255,255,.3);transform:scale(1.1) rotate(-5deg)}.header-section{background:var(--gradient-primary);padding:3rem 0;position:relative;overflow:hidden;box-shadow:var(--shadow-medium);border-bottom:4px solid var(--brand-coral);z-index:5}.header-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,59,63,.1) 1px,transparent 1px);background-size:40px 40px;animation:slide-pattern 30s linear infinite;opacity:.3}@keyframes slide-pattern{0%{transform:translate(0,0)}100%{transform:translate(40px,40px)}}.header-content{position:relative;z-index:2}.main-title{font-family:'Pacifico',cursive;font-size:4.5rem;font-weight:400;letter-spacing:3px;text-shadow:4px 4px 0 rgba(0,0,0,.3),0 0 30px rgba(255,59,63,.5);margin-bottom:.5rem;color:var(--brand-white);animation:bounce-title 2s ease-in-out infinite}@keyframes bounce-title{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.promo-date{font-family:'Fredoka',sans-serif;font-size:1.8rem;color:var(--brand-coral-light);font-weight:700;margin-bottom:1rem}.subtitle{font-size:clamp(1rem,3vw,1.9rem);font-weight:600;opacity:.9}.countdown-section{position:relative;z-index:5;padding:.5rem 0;margin-top:-35px}#countdown-timer{padding:1rem 2rem;border:3px solid var(--brand-coral);border-radius:25px;background:linear-gradient(135deg,rgba(10,17,40,.95),rgba(26,41,71,.95));box-shadow:var(--shadow-glow-red),0 10px 40px rgba(0,0,0,.5);margin:0 auto;position:relative;max-width:850px;backdrop-filter:blur(10px);transition:all .3s ease}#countdown-timer:hover{transform:scale(1.03) translateY(-3px);box-shadow:0 0 50px rgba(255,59,63,.6),0 15px 50px rgba(0,0,0,.6);border-color:var(--brand-coral-light)}#countdown-timer:hover .time-value{color:var(--brand-coral-light);transform:scale(1.1);text-shadow:0 0 15px var(--brand-coral)}.countdown-label{font-size:1.3rem;font-weight:700;color:var(--brand-coral);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:2px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.time-unit{margin:0 1rem;text-align:center}.time-value{font-size:3rem;font-weight:800;color:var(--brand-coral);text-shadow:2px 2px 4px rgba(0,0,0,.5);display:block;transition:all .3s ease;font-family:'Fredoka',sans-serif}.time-label{font-size:.9rem;color:var(--brand-white);text-transform:uppercase;font-weight:600;margin-top:.3rem;opacity:.8}.links-section{padding:4rem 0 3rem;position:relative;z-index:2}.section-title{font-family:'Fredoka',sans-serif;font-size:3rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--brand-white);text-shadow:2px 2px 0 rgba(0,0,0,.8),4px 4px 10px rgba(0,0,0,.5);position:relative}.content-card{display:grid;gap:1.2rem;max-width:900px;margin:0 auto;padding:0 1rem}.link-item{display:flex;align-items:stretch;background:linear-gradient(135deg,var(--brand-navy-light),var(--brand-navy));padding:1.5rem;border-radius:20px;text-decoration:none;color:var(--brand-white);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid rgba(255,59,63,.2);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.link-item:hover{transform:translateY(-5px) scale(1.02);border-color:var(--brand-coral);box-shadow:var(--shadow-glow-red);background:linear-gradient(135deg,var(--brand-navy-light),#162447)}.link-icon-wrapper{display:flex;align-items:center;justify-content:center;padding-right:1.5rem;min-width:80px}.link-icon{font-size:2.5rem;color:var(--brand-coral-light);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.link-item:hover .link-icon{color:#fff;transform:rotate(360deg) scale(1.1);filter:drop-shadow(0 0 10px var(--brand-coral))}.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 1.5rem}.link-title{grid-area:title;font-size:1.4rem;font-weight:700;margin-bottom:.2rem;color:var(--brand-white);font-family:'Fredoka',sans-serif;line-height:1.2;transition:text-shadow .3s ease}.link-item:hover .link-title{text-shadow:0 0 15px var(--brand-coral)}.link-description{grid-area:desc;color:var(--brand-white);line-height:1.4;opacity:.8;font-size:.95rem}.discount-badge{grid-area:badge;background:var(--gradient-accent);color:var(--brand-white);font-weight:800;font-size:1.5rem;padding:.5rem 1rem;border-radius:12px;box-shadow:0 5px 15px rgba(214,50,53,.4);transform:rotate(3deg);transition:all .3s ease;font-family:'Fredoka',sans-serif;text-align:center;white-space:nowrap}.link-item:hover .discount-badge{transform:rotate(0deg) scale(1.1);background:var(--brand-white);color:var(--brand-coral)}.badge-label{display:block;font-size:.65rem;text-transform:uppercase;font-weight:700;opacity:.9;line-height:1}.footer{background:linear-gradient(135deg,var(--brand-navy-dark),var(--brand-navy));color:var(--brand-white);padding:2rem 0;margin-top:4rem;box-shadow:0 -5px 20px rgba(0,0,0,.3);border-top:2px solid var(--brand-coral)}.footer-link{color:var(--brand-coral);text-decoration:none;font-weight:600;transition:all .3s ease}.footer-link:hover{color:var(--brand-coral-light)}.placeholder-message{text-align:center;font-size:1.2rem;color:var(--brand-white);background:rgba(10,17,40,.8);padding:1.5rem 2rem;border-radius:15px;border:2px dashed var(--brand-coral);font-weight:600}.placeholder-message a{color:var(--brand-coral-light);text-decoration:none}.placeholder-message a:hover{color:var(--brand-coral);text-shadow:0 0 10px var(--brand-coral)}@media(max-width:768px){.main-title{font-size:2.5rem}.promo-date{font-size:1.4rem}.link-item{flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem}.link-icon-wrapper{padding-right:0;margin-bottom:1rem;min-width:auto}.link-content-grid{grid-template-columns:1fr;grid-template-areas:"badge" "title" "desc";gap:1rem}.discount-badge{justify-self:center;margin-bottom:.5rem;transform:rotate(0deg)}.link-title{padding-right:0}.link-description{padding-right:0}.sec-logo,.sekurak-logo{display:none}}