:root{--osas-green:#10b981;--osas-green-dark:#059669;--osas-yellow:#f59e0b;--osas-yellow-dark:#d97706;--osas-slate:#334155;--osas-slate-light:#64748b}.landing-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,rgba(16,185,129,.95),rgba(5,150,105,.95));padding:.75rem 0;transition:all .2s ease}.landing-navbar.scrolled{background:hsla(0,0%,100%,.98);box-shadow:0 2px 10px rgba(0,0,0,.08);padding:.5rem 0}.navbar-container{max-width:1280px;margin:0 auto;padding:0 1rem}.navbar-content{justify-content:space-between}.navbar-brand,.navbar-content{display:flex;align-items:center}.navbar-brand{gap:.5rem;text-decoration:none}.brand-icon{border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;backdrop-filter:blur(4px);transition:background .3s}.brand-icon,.nc-logo{width:50px;height:50px}.nc-logo{-o-object-fit:contain;object-fit:contain}.scrolled .brand-icon{background:#10b981}.brand-icon i{color:#fff;font-size:1.125rem}.brand-text{font-size:1.25rem;font-weight:700;color:#fff;transition:color .3s}.scrolled .brand-text{color:#334155}.nav-desktop{display:none;align-items:center;gap:.25rem}@media (min-width:1024px){.nav-desktop{display:flex}}.nav-link{padding:.5rem 1rem;color:#fff;text-decoration:none;font-weight:500;font-size:.875rem;border-radius:8px;transition:all .2s;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.25rem}.scrolled .nav-link{color:#334155}.nav-link:hover{background:hsla(0,0%,100%,.2)}.scrolled .nav-link:hover{background:rgba(16,185,129,.1);color:#10b981}.dropdown-icon{font-size:.625rem;margin-left:.25rem;transition:transform .2s}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + .75rem);left:0;margin-top:0;min-width:220px;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);padding:.5rem;z-index:1001}.dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:.75rem;background:transparent}.dropdown-menu.show{opacity:1;visibility:visible}.dropdown-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:#334155;text-decoration:none;font-size:.875rem;border-radius:8px;transition:all .2s}.dropdown-item:hover{background:#f1f5f9}.item-icon{width:1.25rem;margin-right:.75rem}.item-icon.green{color:#10b981}.item-icon.yellow{color:#f59e0b}.btn-login{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;margin-left:1rem;transition:all .3s;box-shadow:0 4px 15px rgba(16,185,129,.3)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4)}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:hsla(0,0%,100%,.2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.25rem}.scrolled .mobile-toggle{background:#10b981}@media (min-width:1024px){.mobile-toggle{display:none}}.nav-mobile{display:flex;flex-direction:column;gap:.5rem;padding:1rem 0;margin-top:1rem;border-top:1px solid hsla(0,0%,100%,.2)}.scrolled .nav-mobile{border-top-color:#e2e8f0}.mobile-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:#fff;text-decoration:none;font-weight:500;border-radius:8px;transition:background .2s}.scrolled .mobile-link{color:#334155}.mobile-link:hover{background:hsla(0,0%,100%,.1)}.scrolled .mobile-link:hover{background:rgba(16,185,129,.1)}.mobile-login-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;margin-top:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s}.mobile-login-btn:hover{transform:scale(1.02)}.landing-footer[data-v-3324bb50]{background:linear-gradient(135deg,#0f172a,#1e293b);padding:4rem 0 0}.footer-container[data-v-3324bb50]{max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer-grid[data-v-3324bb50]{display:grid;grid-template-columns:1fr;gap:2.5rem;padding-bottom:3rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand .brand-logo[data-v-3324bb50]{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-brand .brand-logo i[data-v-3324bb50]{font-size:1.5rem;color:#10b981}.footer-brand .brand-logo span[data-v-3324bb50]{font-size:1.5rem;font-weight:700;color:#fff}.footer-brand p[data-v-3324bb50]{color:#94a3b8;font-size:.9rem;line-height:1.7;margin-bottom:1.5rem}.social-links[data-v-3324bb50]{display:flex;gap:.75rem}.social-links a[data-v-3324bb50]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border-radius:10px;color:#fff;transition:all .3s}.social-links a[data-v-3324bb50]:hover{background:#10b981;transform:translateY(-3px)}.footer-contact h4[data-v-3324bb50],.footer-links h4[data-v-3324bb50]{color:#fff;font-size:1rem;font-weight:700;margin-bottom:1.25rem}.footer-links ul[data-v-3324bb50]{list-style:none;padding:0;margin:0}.footer-links ul li[data-v-3324bb50]{margin-bottom:.75rem}.footer-links ul li a[data-v-3324bb50]{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links ul li a[data-v-3324bb50]:hover{color:#10b981}.footer-contact p[data-v-3324bb50]{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.9rem;margin-bottom:.75rem}.footer-contact p i[data-v-3324bb50]{width:16px;color:#10b981}.footer-bottom[data-v-3324bb50]{padding:1.5rem 0;text-align:center}.footer-bottom p[data-v-3324bb50]{color:#64748b;font-size:.875rem}@media (min-width:768px){.footer-grid[data-v-3324bb50]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.footer-grid[data-v-3324bb50]{grid-template-columns:2fr 1fr 1fr 1fr}}.landing-wrapper{min-height:100vh;background:#fff}.back-to-top-btn{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50%;box-shadow:0 4px 20px rgba(16,185,129,.4);cursor:pointer;z-index:40;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-to-top-btn:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(16,185,129,.5)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,#064e3b,#065f46);box-shadow:0 4px 20px rgba(0,0,0,.15)}.header-top{background:rgba(0,0,0,.2);padding:.5rem 2rem;justify-content:space-between;font-size:.8rem}.header-top,.header-top-left{display:flex;align-items:center}.header-top-left{gap:1.5rem;color:hsla(0,0%,100%,.85)}.header-top-left span{display:flex;align-items:center;gap:.5rem}.header-top-left i{color:#f59e0b}.header-top-right{display:flex;align-items:center;gap:1rem}.header-top-right a{color:hsla(0,0%,100%,.85);text-decoration:none;transition:color .2s}.header-top-right a:hover{color:#f59e0b}.header-main{padding:1rem 2rem;justify-content:space-between}.header-logo,.header-main{display:flex;align-items:center}.header-logo{gap:1rem;text-decoration:none}.header-logo img{height:50px;width:auto}.header-logo-text{display:flex;flex-direction:column}.header-logo-text .main{font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.5px}.header-logo-text .sub{font-size:.75rem;color:hsla(0,0%,100%,.8);font-weight:500;letter-spacing:.5px}.header-nav{display:none;align-items:center;gap:2rem}.header-nav a{color:hsla(0,0%,100%,.9);text-decoration:none;font-weight:500;font-size:.9rem;padding:.5rem 0;position:relative;transition:color .2s}.header-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#f59e0b;transition:width .2s}.header-nav a:hover{color:#fff}.header-nav a.active:after,.header-nav a:hover:after{width:100%}.header-nav a.active{color:#fff}.header-actions{display:flex;align-items:center;gap:1rem}.btn-header-login{padding:.625rem 1.25rem;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:8px;border:2px solid hsla(0,0%,100%,.3);transition:all .2s}.btn-header-login:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}.btn-header-register{padding:.625rem 1.25rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;border-radius:8px;transition:all .2s}.btn-header-register:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.3)}.header-mobile-toggle{display:flex;flex-direction:column;gap:5px;padding:.5rem;background:hsla(0,0%,100%,.1);border:none;border-radius:8px;cursor:pointer;width:42px;height:42px;justify-content:center;align-items:center}.header-mobile-toggle span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}.page-header-banner{background:linear-gradient(135deg,#064e3b,#065f46 50%,#047857);padding:8rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.page-header-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.03' fill-rule='evenodd'/%3E%3C/svg%3E")}.page-header-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.page-header-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:50px;font-size:.875rem;color:#fff;margin-bottom:1.5rem}.page-header-badge i{color:#f59e0b}.page-header-title{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.2}.page-header-description{font-size:1.125rem;color:hsla(0,0%,100%,.85);line-height:1.6;max-width:600px;margin:0 auto}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;font-size:.875rem}.breadcrumb a{color:hsla(0,0%,100%,.7);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:#fff}.breadcrumb span{color:hsla(0,0%,100%,.5)}.breadcrumb-current{color:#f59e0b;font-weight:500}.landing-footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding-top:4rem}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;padding-bottom:3rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand img{height:50px;margin-bottom:1rem}.footer-brand p{color:#94a3b8;line-height:1.7;font-size:.9rem;margin-bottom:1.5rem}.footer-social{display:flex;gap:.75rem}.footer-social a{width:40px;height:40px;background:hsla(0,0%,100%,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .2s}.footer-social a:hover{background:#10b981;transform:translateY(-3px)}.footer-links h4{font-size:1rem;font-weight:700;margin-bottom:1.25rem;color:#fff}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:#10b981}.footer-contact li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;color:#94a3b8;font-size:.9rem}.footer-contact li i{color:#10b981;margin-top:.25rem}.footer-bottom{padding:1.5rem 0;text-align:center;font-size:.875rem;color:#64748b}.footer-bottom a{color:#10b981;text-decoration:none}@media (min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.5fr}}@media (min-width:1024px){.header-nav{display:flex}.header-mobile-toggle{display:none}.page-header-title{font-size:3rem}}@media (max-width:640px){.header-top{display:none}.header-main{padding:.75rem 1rem}.header-logo img{height:40px}.header-logo-text{display:none}.page-header-banner{padding:6rem 1rem 3rem}.page-header-title{font-size:1.75rem}.page-header-description{font-size:1rem}}