@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}main{flex:2}body,html{width:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;font-family:Poppins,sans-serif}.vertical-container{scroll-snap-type:y proximity}.section{width:100%;min-height:auto;scroll-snap-align:start;box-sizing:border-box}.home{position:relative;width:100%;height:100vh;background-image:url(/homepage.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}.category{background:linear-gradient(135deg,#11998e,#38ef7d)}.navbar{background:linear-gradient(135deg,#654ea3,#eaafc8)}.hero-container{position:relative;width:100%;height:100vh;overflow:hidden}.overlay{position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:0}.social-sidebar{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2rem;padding:2rem 1rem;border-radius:0 15px 15px 0;z-index:100}.social-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:white;transition:all .3s ease;cursor:pointer}.social-icon svg{width:28px;height:28px}.social-icon:hover{color:#ffd700;transform:scale(1.1)}@media (max-width:768px){.social-sidebar{display:none}}.navbar{position:fixed;top:0;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.25);backdrop-filter:blur(5px);padding:0 1.5rem;z-index:10}.nav-img{width:150px;height:auto;object-fit:contain}.nav-links{list-style:none;display:flex;gap:2.5rem;align-items:center;transition:all .3s ease}.nav-btn,.nav-links a{color:#fff;text-decoration:none;background:none;border:none;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:color .3s ease}.nav-btn:hover,.nav-links a:hover{color:#ffd700}.right-section{display:flex;align-items:center;gap:1rem}.search-container{position:relative;display:flex;align-items:center}.search-input{width:0;opacity:0;padding:.4rem .6rem;font-size:.9rem;border:none;outline:none;border-radius:5px;transition:all .3s ease;background-color:rgba(255,255,255,.9);color:#000;position:absolute;right:25px}.search-input.visible{width:180px;opacity:1;right:30px}.search-icon{position:relative;z-index:2}.menu-icon,.search-icon{color:#fff;cursor:pointer}.menu-icon{display:none}@media (max-width:768px){.nav-links{position:absolute;top:60px;right:0;width:100%;background:rgba(0,0,0,.9);flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 0;transform:translateY(-100%);opacity:0;pointer-events:none}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.menu-icon{display:block}.search-input.visible{width:140px}}.hero-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.title-row{font-size:5rem;font-weight:300;letter-spacing:.1em;margin:0;padding:0;color:white;line-height:.85}.logo{width:150px;height:150px;object-fit:contain;margin:-22px 0}.subtitle{gap:15px;margin-top:3rem;font-size:.9rem;letter-spacing:.15em}.bottom-bar{position:absolute;bottom:20px;right:40px;gap:1.5rem;z-index:5;color:#fff;font-size:.9rem;background:rgba(0,0,0,.5);backdrop-filter:blur(6px);border-radius:8px;padding:8px 16px}.bottom-bar,.bottom-left{display:flex;align-items:center}.bottom-left{gap:6px;cursor:pointer;transition:color .3s ease}.bottom-left:hover{color:#ffd700}.lang-dropdown{display:flex;align-items:center;gap:6px;border:1px solid #fff;padding:2px 6px;border-radius:6px;background:transparent}.lang-dropdown select{background:transparent;border:none;color:#fff;outline:none;font-size:.9rem}.lang-dropdown select option{color:#000}.bottom-right{cursor:pointer;font-weight:500;transition:color .3s ease}.bottom-right:hover{color:#ffd700}@media (max-width:768px){.bottom-bar{right:42px;bottom:38px;flex-wrap:wrap;gap:2.8rem;font-size:.8rem}.hero-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:-3;margin-left:-3rem}}.subtitle p{margin:0;white-space:nowrap}.center-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.center-content h1{font-size:6rem;font-family:Playfair Display,serif;font-weight:700;letter-spacing:2px;line-height:1.1}.subtitle{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem;font-size:1rem;text-transform:uppercase;color:white}.subtitle-link{background:none;border:none;color:inherit;font:inherit;text-align:center;line-height:1.4;cursor:pointer;transition:transform .3s ease}.subtitle-link:hover{transform:scale(1.05)}.dot{width:6px;height:6px;background-color:#ffd700}.scroll-label{position:absolute;right:2rem;bottom:2rem;transform:none;color:#fff;font-size:.9rem;letter-spacing:2px;z-index:2;cursor:pointer;display:flex;align-items:center;gap:6px;transition:color .3s ease,transform .3s ease}.scroll-label:hover{color:#ffd700;transform:translateY(3px)}@media (max-width:768px){.center-content h1{font-size:4rem;margin-left:-2rem}.nav-links{gap:1rem;font-size:.9rem}.subtitle{flex-direction:column;gap:.5rem}}::-webkit-scrollbar{width:0;height:0}.feature-section{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:5rem 8%;background:linear-gradient(135deg,#fff7ec,#fff0d3);color:#222;box-sizing:border-box;position:relative;overflow:hidden}.feature-section:before{content:"";position:absolute;top:-20%;right:-20%;width:350px;height:350px;background:radial-gradient(circle,rgba(255,215,0,.25) 0,transparent 70%);z-index:0}.feature-text{flex:1;max-width:50%;z-index:2}.icon{font-size:2.5rem;margin-bottom:1rem;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.feature-heading{font-size:2rem;font-weight:700;line-height:1.4;color:#2a2a2a;margin-bottom:1.5rem;position:relative}.feature-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;border-radius:2px}.feature-description{font-size:1.05rem;line-height:1.8;color:#444;margin-bottom:2rem}.article-button{background-color:#ffd700;color:#000;border:none;padding:.8rem 1.6rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.15)}.article-button:hover{transform:translateY(-2px)}.feature-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.feature-image img{width:90%;border-radius:16px;object-fit:cover;box-shadow:0 10px 25px rgba(0,0,0,.15);transition:transform .5s ease,box-shadow .5s ease;z-index:1}.feature-image:hover img{transform:scale(1.04);box-shadow:0 15px 30px rgba(0,0,0,.25)}.image-overlay{position:absolute;inset:0;border-radius:16px;background:linear-gradient(to top right,rgba(255,215,0,.08),rgba(255,255,255,.05));z-index:0}@media (max-width:1024px){.feature-section{flex-direction:column-reverse;text-align:center;padding:4rem 5%}.feature-text{max-width:100%}.feature-heading:after{left:50%;transform:translateX(-50%)}.feature-image img{width:100%}.article-button{margin-top:1rem}}@media (max-width:600px){.feature-heading{font-size:1.6rem}.feature-description{font-size:.95rem}.article-button{font-size:.9rem;padding:.7rem 1.2rem}}.category-section{background:linear-gradient(135deg,#fff8ec,#fff2d5);color:#222;text-align:center;padding:5rem 2rem;box-sizing:border-box;position:relative}.category-title{font-size:2.4rem;font-weight:700;color:#2a2a2a;margin-bottom:.8rem;position:relative}.category-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:70px;height:4px;border-radius:2px}.category-subtitle{font-size:1.1rem;color:#555;margin-bottom:2.5rem}.carousel-wrapper{width:100%;max-width:1200px;margin:0 auto;overflow:hidden;position:relative}.carousel-container{display:flex;gap:1.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2rem 0;scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 calc(33.33% - 1rem);background-color:#fff;border-radius:16px;scroll-snap-align:center;box-shadow:0 8px 20px rgba(0,0,0,.1);transition:transform .4s ease,box-shadow .4s ease;cursor:pointer;overflow:hidden;display:flex;flex-direction:column}.carousel-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.image-container{position:relative;width:100%;height:220px;overflow:hidden}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.carousel-card:hover img{transform:scale(1.08)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent)}.card-text{padding:1.2rem 1.5rem;text-align:left}.card-text h3{font-size:1.2rem;font-weight:700;margin-bottom:.6rem;color:#2a2a2a}.card-text p{font-size:.95rem;color:#555;line-height:1.6}.carousel-dots{display:flex;justify-content:center;gap:.6rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.dot.active{background:#ff9800;transform:scale(1.4)}@media (max-width:1024px){.carousel-card{flex:0 0 calc(50% - 1rem)}.card-text h3{font-size:1.1rem}.card-text p{font-size:.9rem}}@media (max-width:768px){.category-title{font-size:2rem}.carousel-card{flex:0 0 80%}.image-container{height:200px}.card-text{text-align:center}}@media (max-width:480px){.category-section{padding:3rem 1rem}.category-title{font-size:1.7rem}.category-subtitle{font-size:.95rem}.carousel-card{flex:0 0 90%}.image-container{height:180px}.card-text h3{font-size:1rem}}.footer{background-color:#2e3b4e;color:#f1f1f1;padding:32px 24px;width:100%;position:relative;bottom:0;left:0;z-index:10;display:flex;justify-content:center}.footer-container{gap:24px;max-width:1200px;width:100%}.footer-brand,.footer-container{display:flex;flex-direction:column;align-items:center}.footer-brand{cursor:pointer}.footer-logo{max-width:160px;height:auto;margin-bottom:12px}.footer-tagline{font-size:16px;color:#d1d8e0;text-align:center}.footer-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;text-align:center}.footer-links button{background:none;border:none;cursor:pointer;font-size:16px;color:#f1f1f1;padding:8px 12px;transition:color .2s ease,background-color .2s ease}.footer-links button:hover{color:#1abc9c;background-color:rgba(255,255,255,.1);border-radius:4px}.footer-info{display:flex;flex-direction:column;align-items:center;border-top:1px solid #4a5a6e;padding-top:20px;margin-top:12px;gap:8px;width:100%}.footer-bottom p{font-size:14px;color:#b0b8c0;text-align:center}@media (min-width:768px){.footer-info{flex-direction:row;justify-content:center}}body,html{height:100%;margin:0;padding:0}#__next{min-height:100%;display:flex;flex-direction:column}main{flex:1}