.hero-container,body{background-color:#1f1f1f}.container h1,.hero-container,.hero-image-wrapper,.product button{position:relative}.epic-btn,.hero-cta{text-decoration:none}html{scroll-behavior:smooth;scroll-padding-top:60px}body{font-family:Montserrat,sans-serif;margin:0;padding:0}.hero-container{width:100%;height:75vh;min-height:600px;max-height:800px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 10px 30px rgba(0,0,0,.5);border-bottom:4px solid #ffea31}.hero-image,.hero-image-wrapper,.hero-overlay{width:100%;height:100%}.container h1,.hero-title{margin-bottom:25px;letter-spacing:3px;line-height:1.1;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:1s ease-out fadeInUp;color:#fff;text-transform:uppercase}.hero-image{object-fit:cover;object-position:center;transition:transform 1.2s cubic-bezier(.16, 1, .3, 1);will-change:transform}.hero-container:hover .hero-image{transform:scale(1.03)}.hero-overlay{position:absolute;top:0;left:0;background:linear-gradient(to bottom,rgba(31,31,31,.2) 0,rgba(31,31,31,.8) 100%)}.hero-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:1200px;text-align:center;z-index:2;padding:0 20px}.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.8rem;color:rgba(255,255,255,.9);margin-bottom:40px;font-weight:300;line-height:1.6;text-shadow:0 1px 5px rgba(0,0,0,.3);animation:1s ease-out .3s both fadeInUp}.hero-cta{display:inline-block;padding:18px 45px;background-color:#ffea31;color:#1f1f1f;font-size:1.2rem;font-weight:700;border-radius:50px;transition:.4s cubic-bezier(.25, .8, .25, 1);border:3px solid #ffea31;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:1s ease-out .6s both fadeInUp}.hero-cta:hover{background-color:transparent;color:#ffea31;transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.hero-title{font-size:3.8rem}}@media (max-width:992px){.hero-container{height:65vh;min-height:500px}.hero-title{font-size:3.2rem}.hero-subtitle{font-size:1.5rem}}@media (max-width:768px){.hero-container{height:55vh;min-height:400px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem;margin-bottom:30px}.hero-cta{padding:15px 35px;font-size:1rem}}@media (max-width:576px){.hero-container{height:50vh;min-height:350px}.hero-title{font-size:2rem;letter-spacing:2px}.hero-subtitle{font-size:1.1rem}}.container{max-width:1200px;margin:auto;padding:20px}.container h1{font-size:2.5rem;text-align:center;padding:1rem 0}.container h1::after{content:'';display:block;width:0;height:4px;background-color:#ffea31;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px;animation:2s ease-in-out 1.5s infinite alternate expandLine}.modal,.product button::before{left:0;width:100%;height:100%;top:0}@keyframes expandLine{0%{width:0;left:50%}100%{width:280px;left:50%}}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center;padding:10px}.product{background:#464448;padding:20px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s,box-shadow .3s}.product:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(0,0,0,.2)}.product img{width:150px;height:150px;object-fit:contain;object-position:center;border-radius:10px;display:block;margin:0 auto;padding:5px;transition:.3s;box-sizing:border-box}.product img:hover{transform:scale(1.1)}.product h3{font-size:18px;color:#fff;margin:10px 0 5px;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:1px}.product button{background:linear-gradient(135deg,gold,#f8d310);color:#000;border:none;padding:12px 24px;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;margin-top:12px;transition:.3s;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden;z-index:1}.product button::before{content:'';position:absolute;background:linear-gradient(135deg,#f8d310,#ffc300);opacity:0;transition:opacity .3s;z-index:-1}.product button:hover{transform:translateY(-3px);box-shadow:0 6px 12px rgba(248,211,16,.25);color:#000}.product button:hover::before{opacity:1}.product button:active{transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.2)}.product:hover h3{color:#ffd438ec}@media (min-width:1200px){.products{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}}@media (max-width:1199px) and (min-width:992px){.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}}@media (max-width:991px) and (min-width:768px){.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}}@media (max-width:767px) and (min-width:576px){.products{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:575px){.products{display:grid;grid-template-columns:1fr;gap:12px}.product img{width:100px;height:100px;object-fit:cover;margin:0 auto}.product h3{font-size:16px;text-align:center}.product button{padding:10px 20px;font-size:12px;display:block;margin:10px auto 0}}.modal{display:none;position:fixed;z-index:1000;background-color:rgba(255,247,247,0);justify-content:center;align-items:center}.modal-content{background:rgba(255,255,255,.932);padding:30px;border-radius:12px;width:65%;max-width:850px;display:flex;align-items:flex-start;position:relative;height:70%;box-shadow:0 8px 20px rgba(0,0,0,.2);animation:6s ease-in-out infinite float;overflow:hidden;z-index:1}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:70%;padding:20px;height:100%;justify-content:center;line-height:1.8;font-size:16px;color:#333;font-family:Roboto,sans-serif}.epic-title,.modal-info h1,.modal-info h2{font-family:Montserrat,sans-serif}.modal-info h1{position:absolute;top:0;left:50%;transform:translateX(-50%) scale(1);font-size:36px;font-weight:600;margin:0;padding:10px 0;text-align:center;color:#ffbf00;text-transform:uppercase;letter-spacing:1.5px;text-shadow:2px 2px 6px rgba(0,0,0,.2);z-index:2}.modal-info h1:hover{text-shadow:3px 3px 10px rgba(0,0,0,.3)}.modal-info p{padding-top:20px;margin:20px 0;font-size:14px;color:#555;line-height:1.8;text-align:justify;position:relative}.modal-content img{width:30%;max-width:250px;border-radius:6px;align-self:center;margin-right:10px;margin-top:-40px}.modal-info h2{font-size:22px;position:absolute;top:85px;left:34%;color:#000;margin-bottom:15px;letter-spacing:.7px;font-weight:600}.modal-info h3{text-shadow:1px 1px 2px rgba(0,0,0,.2)}.thumbnail-container{display:flex;flex-direction:row;gap:1px;position:absolute;left:3%;bottom:5%}.thumbnail-container img{width:65px;height:65px;object-fit:cover;border:1px solid #424242;border-radius:10px;cursor:pointer;transition:transform .1s,border-color .2s}.thumbnail-container img:hover{transform:scale(1.1);border-color:#ffbf00}.close{position:absolute;top:10px;right:15px;font-size:22px;cursor:pointer;color:#555;z-index:9999;pointer-events:auto}.close:hover{color:red}.continue-application{bottom:20px;left:70%;transform:translateX(-70%);--color:rgb(0, 0, 0);--background:#ffd900f6;--background-hover:#ffbf00;--background-left:rgb(31, 31, 31);--folder:#ffbf00;--folder-inner:#ffbf00;--paper:#fff0c2;--paper-lines:#BBC1E1;--paper-behind:#E1E6F9;--pencil-cap:#fff;--pencil-top:#275EFE;--pencil-middle:#fff;--pencil-bottom:#5C86FF;--shadow:rgba(13, 15, 25, .2);border:none;outline:0;cursor:pointer;position:absolute;border-radius:5px;font-size:14px;font-weight:500;line-height:19px;-webkit-tap-highlight-color:transparent;padding:17px 29px 17px 69px;transition:background .1s;color:var(--color);background:var(--bg,var(--background))}.continue-application:active{transform:translateX(-70%) scale(.98)}.continue-application>div{top:0;left:0;bottom:0;width:53px;position:absolute;overflow:hidden;border-radius:5px 0 0 5px;background:var(--background-left)}.continue-application>div .folder{width:23px;height:27px;position:absolute;left:15px;top:13px}.continue-application>div .folder .top{left:0;top:0;z-index:2;position:absolute;transform:translateX(var(--fx,0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder .top svg{width:24px;height:27px;display:block;fill:var(--folder);transform-origin:0 50%;transition:transform .3s ease var(--fds, .45s);transform:perspective(120px) rotateY(var(--fr,0deg))}.continue-application>div .folder .paper,.continue-application>div .folder:after,.continue-application>div .folder:before{content:"";position:absolute;left:var(--l,0);top:var(--t,0);width:var(--w,100%);height:var(--h,100%);border-radius:1px;background:var(--b,var(--folder-inner))}.continue-application>div .folder:before{box-shadow:0 1.5px 3px var(--shadow),0 2.5px 5px var(--shadow),0 3.5px 7px var(--shadow);transform:translateX(var(--fx,0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder .paper,.continue-application>div .folder:after{--l:1px;--t:1px;--w:21px;--h:25px;--b:var(--paper-behind)}.continue-application>div .folder:after{transform:translate(var(--pbx,0),var(--pby,0));transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .folder .paper{z-index:1;--b:var(--paper)}.continue-application>div .folder .paper:after,.continue-application>div .folder .paper:before{content:"";width:var(--wp,14px);height:2px;border-radius:1px;transform:scaleY(.5);left:3px;top:var(--tp,3px);position:absolute;background:var(--paper-lines);box-shadow:0 12px 0 0 var(--paper-lines),0 24px 0 0 var(--paper-lines)}.continue-application>div .folder .paper:after{--tp:6px;--wp:10px}.continue-application>div .pencil{height:2px;width:3px;border-radius:1px 1px 0 0;top:8px;left:105%;position:absolute;z-index:3;transform-origin:50% 19px;background:var(--pencil-cap);transform:translateX(var(--pex,0)) rotate(35deg);transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .pencil:after,.continue-application>div .pencil:before{content:"";position:absolute;display:block;background:var(--b,linear-gradient(var(--pencil-top) 55%,var(--pencil-middle) 55.1%,var(--pencil-middle) 60%,var(--pencil-bottom) 60.1%));width:var(--w,5px);height:var(--h,20px);border-radius:var(--br,2px 2px 0 0);top:var(--t,2px);left:var(--l,-1px)}.continue-application>div .pencil:before{-webkit-clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px);clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px)}.continue-application>div .pencil:after{--b:none;--w:3px;--h:6px;--br:0 2px 1px 0;--t:3px;--l:3px;border-top:1px solid var(--pencil-top);border-right:1px solid var(--pencil-top)}.continue-application:after,.continue-application:before{content:"";position:absolute;width:10px;height:2px;border-radius:1px;background:var(--color);transform-origin:9px 1px;transform:translateX(var(--cx,0)) scale(.5) rotate(var(--r,-45deg));top:26px;right:16px;transition:transform .3s}.continue-application:after{--r:45deg}.continue-application:hover{--cx:2px;--bg:var(--background-hover);--fx:-40px;--fr:-60deg;--fd:.15s;--fds:0s;--pbx:3px;--pby:-3px;--pbd:.15s;--pex:-24px}@media (max-width:1024px){.continue-application,.modal-info h1,.modal-info h2,.thumbnail-container{position:relative;left:auto}.modal-content{display:flex;flex-direction:column;align-items:center;width:90%;height:auto;padding:0}.modal-info{width:100%;padding:10px;text-align:center;align-items:center;order:1;margin:-15px auto 0}.modal-info h1{font-size:28px;top:auto;transform:none;margin:0 auto}.modal-content img{width:40%;margin:0 auto 10px;max-width:80px;order:2}.modal-info h2{font-size:18px;top:auto;transform:none;margin:-10px auto 0}.thumbnail-container{justify-content:center;bottom:auto;margin-top:20px;flex-wrap:wrap;gap:6px}.continue-application{margin:0 auto;transform:none;bottom:auto;display:block}}@media (max-width:600px){.modal-info{order:1}.modal-info h1{font-size:22px}.modal-info h2{font-size:16px}.modal-info p{font-size:13px;margin:-10px auto 0}.modal-content img{order:2}.thumbnail-container img{width:50px;height:50px}.continue-application{font-size:13px;padding:14px 20px 14px 60px;margin:10px auto 0;display:block}}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{height:3px;width:25px;background:gold;border-radius:2px;transition:.3s}@media (max-width:768px){.nav-links{display:none;position:absolute;top:70px;left:0;background:var(--dark-gray);width:100%;padding:20px 0;text-align:center;box-shadow:0 10px 20px rgba(0,0,0,.5);z-index:999;flex-direction:column}.nav-links ul li{display:block;padding:12px 0}.menu-toggle,nav.active .nav-links{display:flex}nav.active .menu-toggle span:first-child{transform:rotate(45deg) translate(5px,5px)}nav.active .menu-toggle span:nth-child(2){opacity:0}nav.active .menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}}.epic-banner{background:linear-gradient(135deg,#111,#1a1a1a);border:1px solid rgba(255,215,0,.15);padding:5rem 2rem;border-radius:20px;margin:6rem auto;text-align:center;position:relative;overflow:hidden;isolation:isolate;box-shadow:0 0 40px rgba(255,215,0,.05)}.epic-banner::before{content:'';position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle,rgba(255,140,0,.07),transparent 70%);animation:40s linear infinite rotate-glow;z-index:0}.epic-banner-content{position:relative;z-index:2;max-width:900px;margin:auto}.epic-title{font-size:2.5rem;font-weight:500;color:var(--gold);letter-spacing:1px;text-shadow:0 0 15px rgba(255,165,0,.3);margin-bottom:1rem;background:linear-gradient(to right,gold,#ff6a00);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.epic-subtext{font-size:1.1rem;color:var(--light-gray);font-weight:300;margin-bottom:2rem;line-height:1.7;text-shadow:0 0 5px rgba(255,255,255,.05)}.epic-btn{display:inline-block;padding:1rem 2.5rem;font-size:1rem;font-weight:500;color:var(--gold);border:1px solid rgba(255,140,0,.5);background:rgba(255,140,0,.05);border-radius:50px;position:relative;overflow:hidden;backdrop-filter:blur(4px);transition:var(--transition);box-shadow:0 0 20px rgba(255,140,0,.2)}.epic-btn:hover{background:rgba(255,140,0,.1);color:#fff;box-shadow:0 0 25px rgba(255,140,0,.4)}.epic-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skewX(-20deg);animation:2.5s infinite shine}@keyframes rotate-glow{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes shine{0%{left:-100%}100%,60%{left:100%}}