@import "https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700&family=Raleway:wght@300;400;500;600;700&display=swap";:root{--red-700:#a1303c;--red-700-rgb:161, 48, 60;--green-700:#154026;--green-700-rgb:21, 64, 38;--orange-700:#be4a41;--orange-700-rgb:190, 74, 65;--color-primary:var(--green-700);--color-secondary:var(--red-700);--color-tertiary:var(--orange-700);--color-hover:#e99952;--color-text:rgba(var(--green-700-rgb), .7);--color-background:#f2d0c5;--text-xs:12px;--text-sm:16px;--text-md:20px;--text-lg:24px;--text-xl:28px;--text-xxl:32px;--font-primary:"Raleway", sans-serif;--font-secondary:"Barlow", sans-serif;--font-light:300;--font-regular:400;--font-medium:500;--font-semi-bold:600;--font-bold:700;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 10px #00000026;--transition-fast:.2s ease-in-out;--transition-slow:.4s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-secondary);font-size:var(--text-sm);min-height:100vh;overflow-x:hidden}h1,h2{font-family:var(--font-primary);color:var(--color-primary);font-weight:var(--font-bold);margin-bottom:15px}h1{font-size:var(--text-xxl)}h2{font-size:var(--text-xl)}p{font-size:var(--text-sm);line-height:1.6}a{color:inherit;transition:var(--transition-fast);text-decoration:none}a:hover{color:var(--color-hover)}ul,ol{list-style:none}main{min-height:80vh}section{margin-bottom:40px}.home-container{flex-direction:column;gap:60px;display:flex}.hero-section{width:100%;height:500px}.content-wrapper{max-width:1100px;margin:5%;padding:0 40px}.header-container{box-sizing:border-box;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:.25rem 2rem;display:flex;position:relative}.header-left,.header-right{flex-shrink:1;align-items:center;gap:.85rem;display:flex}.logo-viba-link,.header-logo-link{opacity:1;flex-shrink:1;align-items:center;transition:opacity .2s;display:flex}.logo-viba-link:hover,.header-logo-link:hover{opacity:.75}.header-divider{background-color:#e5e7eb;flex-shrink:0;width:1px;height:16px;display:block}.viba-logo{width:58px}.viba-ucr-logo,.ucr-logo{width:72px}.cibcm-logo{width:58px}.ciet-logo{width:34px}.ecci-logo{width:42px}.bexyl-logo{width:26px}@media (width<=768px){.header-container{gap:.5rem;padding:.3rem .75rem}.header-left,.header-right{gap:.5rem}.header-divider{display:none!important}.viba-logo{width:50px!important}.viba-ucr-logo,.ucr-logo{width:62px!important}.cibcm-logo{width:50px!important}.ciet-logo{width:28px!important}.ecci-logo{width:35px!important}.bexyl-logo{width:22px!important}}.navbar{z-index:1000;background-color:var(--color-secondary);padding:1rem 2rem;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.nav-list{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-item{color:var(--color-background);font-weight:var(--font-semi-bold);cursor:pointer;font-family:var(--font-secondary);border-radius:4px;padding:8px 12px;transition:all .3s;display:inline-block}.nav-item:hover{color:var(--color-hover)}.nav-link.active{color:var(--color-hover);text-decoration:underline}.menu-toggle{color:var(--color-background);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}@media (width<=768px){.navbar{padding:1rem 1.5rem}.menu-toggle{display:block}.nav-list{background-color:var(--color-secondary);opacity:0;visibility:hidden;flex-direction:column;gap:0;width:100%;padding:1rem 0;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 4px 10px #0000001a}.nav-list.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-item{text-align:center;border-radius:0;width:100%;padding:12px 0}}.footer-container{color:#fff;background-color:#232323;padding:4rem 2rem 1rem}.footer-content{grid-template-columns:1.5fr 1fr 1fr 1fr;align-items:start;gap:2rem;max-width:1200px;margin:0 auto;display:grid}.footer-brand{flex-direction:column;gap:1rem;display:flex}.viba-logo{max-width:150px;height:auto}.footer-logo{filter:brightness(0)invert();max-width:100px;height:auto}.footer-column h3{color:#999;margin-bottom:1.5rem}.footer-column ul{margin:0;padding:0;list-style:none}.footer-column ul li{margin-bottom:.8rem}.footer-column ul li a{color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color .2s}.footer-column ul li a:hover{color:var(--color-hover)}.footer-ucr{justify-content:flex-end;display:flex}.ucr-logo{max-width:120px}.footer-bottom{text-align:center;font-size:var(--text-xs);color:#ccc;border-top:1px solid #333;margin-top:3rem;padding-top:1.5rem}@media (width<=768px){.footer-content{text-align:center;grid-template-columns:1fr}.footer-ucr,.footer-brand{justify-content:center;align-items:center}}.carousel-container{width:100vw;height:400px;margin:0 -50vw;padding:0;position:relative;left:50%;right:50%;overflow:hidden}.carousel-image{object-fit:cover;width:100%;height:100%;transition:opacity .5s ease-in-out;display:block}.carousel-overlay{background:linear-gradient(#0000001a,#0000004d);position:absolute;inset:0}.scientific-name{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;text-align:center;letter-spacing:.5px;background-color:#ffffff4d;width:100%;padding:10px 0;font-weight:600;position:absolute;bottom:0}.carousel-arrow{color:#fff;cursor:pointer;z-index:20;text-shadow:0 2px 4px #00000080;background:0 0;border:none;padding:20px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.left{left:10px}.right{right:10px}.counter-card{background-color:var(--color-background);z-index:10;border:1px solid rgba(var(--red-700-rgb), .1);border-radius:16px;width:240px;padding:30px;position:absolute;top:50%;left:10%;transform:translateY(-50%);box-shadow:0 10px 30px #00000026}.counter-number{color:var(--color-secondary);font-size:4rem;font-weight:var(--font-bold);letter-spacing:-2px;margin:0;line-height:.9;display:block}.counter-text{color:var(--color-secondary);font-size:1.2rem;font-weight:var(--font-semi-bold);text-transform:lowercase;opacity:.8;margin:0;display:block}.counter-divider{background-color:rgba(var(--red-700-rgb), .2);border:0;height:1px;margin:20px 0}.know-more-link{color:var(--color-secondary);opacity:.7;align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.know-more-link span{transition:transform .3s}.know-more-link:hover{opacity:1;color:var(--color-hover)}.know-more-link:hover span{transform:translate(5px)}.pagination-container{font-family:var(--font-secondary,sans-serif);-webkit-user-select:none;user-select:none;align-items:center;gap:20px;display:flex}.pagination-arrow-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;align-items:center;gap:10px;font-size:1.2rem;font-weight:500;transition:opacity .3s;display:flex}.pagination-arrow-btn.next{color:var(--color-primary)}.pagination-arrow-btn.disabled{opacity:.3;cursor:not-allowed}.pagination-numbers{background-color:var(--color-background);display:flex;overflow:hidden}.page-number{cursor:pointer;width:45px;height:45px;font-size:var(--font-sm);color:var(--color-primary);background:0 0;border:none;justify-content:center;align-items:center;font-weight:600;transition:all .3s;display:flex}.page-number.active{color:var(--color-primary);background-color:#8da394}.page-number:hover:not(.active){background-color:#8da39433}.video-card{background-color:#f5f5f5;border-radius:12px;width:100%;max-width:350px;transition:transform .3s;overflow:hidden;box-shadow:0 4px 15px #0000001a}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.video-thumbnail img{object-fit:cover;width:100%;height:100%}.video-info{background-color:rgba(var(--green-700-rgb), .7);color:var(--color-background);flex-direction:column;justify-content:space-between;min-height:140px;padding:20px;display:flex}.video-info h3{font-family:var(--font-primary);font-size:var(--text-lg);line-height:1.2;font-weight:var(--font-bold);margin:0}.video-link{color:var(--color-background);align-items:center;gap:8px;margin-top:15px;font-size:.9rem;text-decoration:none;display:flex}.video-link:hover{color:var(--color-hover);text-decoration:underline}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:40px 0;display:grid}.pagination-wrapper{justify-content:center;align-items:center;width:100%;margin-top:50px;margin-bottom:80px;display:flex}@media (width<=600px){.video-grid{grid-template-columns:1fr;gap:25px;padding:20px}.pagination-wrapper{transform:scale(.9)}}.back-button{cursor:pointer;color:var(--color-primary);font-family:var(--font-secondary);font-size:var(--text-sm);background:0 0;border:none;align-items:center;gap:12px;margin-bottom:40px;font-weight:500;transition:opacity .3s,transform .2s;display:flex}.back-button:hover{opacity:.7;transform:translate(-5px)}.back-icon{font-size:var(--text-sm)}.back-button span{line-height:1}.process-list{flex-direction:column;gap:30px;margin-top:50px;display:flex}.process-item{align-items:flex-start;gap:25px;display:flex}.icon-box .icon-img{object-fit:contain;width:120px;height:120px}.plant-card{box-sizing:border-box;background-color:var(--color-background);cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:200px;min-height:260px;padding:1.5rem 1rem;text-decoration:none;transition:transform .25s,box-shadow .25s;display:flex}.plant-card:hover{transform:translateY(-6px);box-shadow:0 10px 25px #00000040}.plant-card-image-container{justify-content:center;align-items:center;width:100px;height:140px;display:flex}.plant-card-image{object-fit:contain;width:100%;height:100%}.plant-card-content{text-align:center;margin-top:1rem}.plant-card-title{font-size:var(--text-md);color:var(--color-text);margin-bottom:.3rem;font-weight:600}.plant-card-subtitle{font-size:var(--text-xs);color:var(--color-text);line-height:1.3}.plants-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;gap:1.5rem;margin-top:2rem;display:grid}@media (width<=480px){.plants-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}}.notfound-page{background:linear-gradient(to bottom, var(--color-background), var(--color-background));justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.plants-bg{opacity:.08;background:var(--color-primary);filter:blur(10px);border-radius:50%;width:300px;height:300px;position:absolute}.plant-left{top:-80px;left:-80px}.plant-right{bottom:-100px;right:-100px}.notfound-card{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#ffffffbf;border:1px solid #2e7d321f;border-radius:28px;width:100%;max-width:700px;padding:4rem 2rem;position:relative;box-shadow:0 15px 40px #00000014}.notfound-404{justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.notfound-404 span{color:var(--color-primary);font-size:clamp(5rem,12vw,10rem);font-weight:800;line-height:1}.plant-circle{background:var(--color-text);border-radius:50%;justify-content:center;align-items:center;width:clamp(90px,12vw,140px);height:clamp(90px,12vw,140px);animation:3s ease-in-out infinite float;display:flex;box-shadow:0 10px 25px #43a0474d}.plant-icon{color:#fff;font-size:clamp(3rem,5vw,5rem)}.notfound-card h1{color:#1f2b1f;margin-bottom:1rem;font-size:2.2rem}.notfound-card p{color:#5c6b5c;max-width:500px;margin:0 auto 2rem;font-size:1rem;line-height:1.7}.home-btn{background:var(--color-primary);color:#fff;border-radius:14px;align-items:center;gap:.7rem;padding:1rem 1.8rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (width<=768px){.notfound-card{padding:3rem 1.5rem}.notfound-404{gap:.5rem}.notfound-card h1{font-size:1.8rem}}.plant-detail{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:4rem 2rem}.plant-section{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;margin-top:2rem;display:grid}.plant-info{flex-direction:column;justify-content:center;display:flex}.plant-info h1{word-wrap:break-word;margin-bottom:1rem;font-size:calc(2rem + 2vw);line-height:1.1}.common-names{flex-wrap:wrap;gap:.75rem;display:flex}.common-names span{background:var(--color-secondary);color:var(--color-background);border-radius:999px;padding:.5rem 1.2rem;font-size:1rem}.plant-image{justify-content:center;width:100%;display:flex}.plant-image img{object-fit:cover;border-radius:20px;width:100%;max-width:550px;height:auto}@media (width<=992px){.plant-section{gap:2.5rem}}@media (width<=768px){.plant-detail{padding:2rem 1.5rem}.plant-section{grid-template-columns:1fr;gap:2rem}.plant-info{text-align:center;align-items:center}.common-names{justify-content:center}.plant-image{grid-row:1}.plant-info{grid-row:2}}@media (width<=480px){.plant-detail{padding:1.5rem 1rem}.plant-info h1{font-size:2.2rem}}