*{margin:0;padding:0;box-sizing:border-box}.page{height:100vh;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 20% 20%,rgba(122,155,142,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(122,155,142,.08) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(122,155,142,.05) 0%,transparent 50%),linear-gradient(135deg,#fff,#f8fffe);padding:80px 40px;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:backgroundFlow 12s ease-in-out infinite;box-sizing:border-box}@keyframes backgroundFlow{0%,to{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:20% 20%,80% 80%,60% 40%}}.page:before,.page:after{content:"";position:absolute;border-radius:50%;z-index:0;animation:float 8s ease-in-out infinite}.page:before{top:15%;right:10%;width:120px;height:120px;background:radial-gradient(circle,rgba(122,155,142,.3) 0%,rgba(122,155,142,.1) 70%,transparent 100%);filter:blur(1px);animation-delay:0s}.page:after{bottom:20%;left:15%;width:80px;height:80px;background:radial-gradient(circle,rgba(122,155,142,.25) 0%,rgba(122,155,142,.08) 70%,transparent 100%);filter:blur(1px);animation-delay:2s}@keyframes float{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.6}33%{transform:translateY(-20px) rotate(120deg) scale(1.1);opacity:.8}66%{transform:translateY(-10px) rotate(240deg) scale(.9);opacity:1}}.page h1{font-size:clamp(3rem,8vw,5rem);font-weight:800;background:linear-gradient(135deg,#7a9b8e,#5a7a6b,#7a9b8e);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:30px;animation:fadeInDown 1s ease-out .3s both,gradientShift 4s ease-in-out infinite,textGlow 3s ease-in-out infinite alternate;position:relative;z-index:1;text-shadow:0 0 30px rgba(122,155,142,.3)}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes textGlow{0%{filter:drop-shadow(0 0 10px rgba(122,155,142,.3))}to{filter:drop-shadow(0 0 20px rgba(122,155,142,.6))}}.subtitle{font-size:1.5rem;color:#4a5568;text-align:center;margin-bottom:60px;font-weight:300;animation:fadeInDown 1s ease-out .5s both,subtle-pulse 2s ease-in-out infinite;position:relative;z-index:1}@keyframes subtle-pulse{0%,to{opacity:.8}50%{opacity:1}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;position:relative;z-index:1;animation:gridMorph 8s ease-in-out infinite}@keyframes gridMorph{0%,to{transform:perspective(1000px) rotateX(0)}50%{transform:perspective(1000px) rotateX(1deg)}}.card{background:linear-gradient(145deg,#ffffffe6,#fff9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:25px;border:2px solid transparent;background-clip:padding-box;box-shadow:0 8px 32px #7a9b8e26,0 4px 16px #0000001a,inset 0 1px #fffc;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:slideInUp .8s ease-out both;transform-style:preserve-3d}.card:nth-child(1){animation-delay:.1s;animation:slideInUp .8s ease-out .1s both,cardFloat 6s ease-in-out infinite}.card:nth-child(2){animation-delay:.3s;animation:slideInUp .8s ease-out .3s both,cardFloat 6s ease-in-out infinite 2s}.card:nth-child(3){animation-delay:.5s;animation:slideInUp .8s ease-out .5s both,cardFloat 6s ease-in-out infinite 4s}@keyframes cardFloat{0%,to{transform:translateY(0) rotateX(0) rotateY(0)}50%{transform:translateY(-5px) rotateX(2deg) rotateY(1deg)}}.card:hover{transform:translateY(-15px) scale(1.03) rotateX(5deg) rotateY(5deg);box-shadow:0 25px 80px #7a9b8e40,0 15px 40px #00000026,inset 0 1px #fff;border:2px solid rgba(122,155,142,.3)}.card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(122,155,142,.3) 45deg,rgba(122,155,142,.5) 90deg,rgba(122,155,142,.3) 135deg,transparent 180deg,transparent 360deg);transform:rotate(0);opacity:0;transition:all .6s ease}.card:hover:before{transform:rotate(180deg);opacity:1}.card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#7a9b8e,transparent,#7a9b8e,transparent,#7a9b8e);background-size:400% 400%;border-radius:25px;z-index:-1;animation:borderGlow 3s ease-in-out infinite;opacity:0;transition:opacity .3s ease}.card:hover:after{opacity:1}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.card h3{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#7a9b8e,#5a7a6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:20px;position:relative;padding-left:40px;animation:headingPulse 2s ease-in-out infinite}@keyframes headingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.card h3:before{content:"◆";position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(0);font-size:1.2rem;color:#7a9b8e;animation:iconSpin 4s linear infinite;text-shadow:0 0 10px rgba(122,155,142,.5)}@keyframes iconSpin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.card p{font-size:1.1rem;line-height:1.7;color:#4a5568;font-weight:400;padding-left:40px;position:relative;animation:textSlide .6s ease-out .8s both}@keyframes textSlide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.grid:before,.grid:after{content:"";position:absolute;border-radius:50%;z-index:-1}.grid:before{top:-10%;left:-5%;width:60px;height:60px;background:radial-gradient(circle,rgba(122,155,142,.4) 0%,transparent 70%);animation:particleFloat 8s ease-in-out infinite}.grid:after{bottom:-10%;right:-5%;width:40px;height:40px;background:radial-gradient(circle,rgba(122,155,142,.3) 0%,transparent 70%);animation:particleFloat 6s ease-in-out infinite 3s}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) scale(1);opacity:.3}33%{transform:translateY(-15px) translate(10px) scale(1.2);opacity:.6}66%{transform:translateY(-5px) translate(-10px) scale(.8);opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(60px) scale(.8) rotateX(20deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@media (max-width: 768px){.app-container,.content-section,.sidebar-collapsed{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.content-section.sidebar-collapsed{margin-left:0!important}.page{padding:15px 10px!important;margin:0;width:100%!important;max-width:100%!important;box-sizing:border-box}.grid{grid-template-columns:1fr;gap:15px}}@media (min-width: 769px) and (max-width: 1180px){.app-container,.content-section,.sidebar-collapsed{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}.content-section.sidebar-collapsed{margin-left:0!important}.page{padding:30px 40px!important;margin:0 auto;width:100%;max-width:1200px;box-sizing:border-box}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}}@media (min-width: 1181px){.page{padding:50px 80px;margin:0 auto;max-width:2560px;box-sizing:border-box}.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px}}.app-container[data-v-87e5a84e]{display:flex;height:100vh;width:100%;position:relative}.toggle-btn[data-v-87e5a84e]{position:fixed!important;margin-top:20px;margin-left:20px;background:#7a9b8e!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;padding:10px 15px!important;border-radius:10px!important;cursor:pointer!important;font-size:18px!important;transition:all .3s ease!important;z-index:999999!important;width:50px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 12px #0000004d!important;pointer-events:auto!important}.toggle-btn[data-v-87e5a84e]:hover{background:#6b8a7a;border-color:#ffffff80;box-shadow:0 6px 16px #0006}.toggle-btn.mobile.expanded[data-v-87e5a84e]{background:#000000b3;border-color:#fffc}.nav-section[data-v-87e5a84e]{padding:40px;box-sizing:border-box;background:linear-gradient(135deg,#678177,#3b4942);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:fixed;top:0;left:0;height:100vh;transition:width .3s ease;z-index:1000;overflow-y:hidden}.nav-section.expanded[data-v-87e5a84e]:not(.mobile):not(.tablet){width:100%}.nav-section.collapsed[data-v-87e5a84e]:not(.mobile):not(.tablet){width:20%}.nav-section.mobile[data-v-87e5a84e],.nav-section.tablet[data-v-87e5a84e]{position:fixed;top:0;left:0;height:100vh;width:100vw;transform:translate(-100%);transition:transform .3s ease;z-index:1001}.nav-section.mobile.expanded[data-v-87e5a84e],.nav-section.tablet.expanded[data-v-87e5a84e]{transform:translate(0)}.nav-content[data-v-87e5a84e]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%}.content-section[data-v-87e5a84e]{width:100%;transition:margin-left .3s ease;box-sizing:border-box;min-height:100vh}.content-section.sidebar-expanded[data-v-87e5a84e]{display:none;opacity:0;transform:translate(20px)}.content-section.sidebar-collapsed[data-v-87e5a84e]{margin-left:20%;width:80%;display:block;opacity:1;transform:translate(0);transition:opacity .4s ease,transform .4s ease,margin-left .3s ease;overflow-y:auto;height:100vh}.content-section.hidden[data-v-87e5a84e]{visibility:hidden}@media (max-width: 1024px){.content-section[data-v-87e5a84e]{width:100%;margin-left:0;padding:20px 20px 20px 80px}}@media (max-width: 768px){.content-section[data-v-87e5a84e]{padding:15px 15px 15px 75px}}@media (min-width: 1920px){.nav-section.expanded[data-v-87e5a84e]:not(.mobile):not(.tablet){width:100vw!important}.nav-section.collapsed[data-v-87e5a84e]:not(.mobile):not(.tablet){width:20vw!important}.content-section.sidebar-collapsed[data-v-87e5a84e]{margin-left:20vw!important;width:80vw!important}}.mobile-overlay[data-v-87e5a84e]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.logo[data-v-87e5a84e]{width:310px;height:310px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;background-size:contain;background-repeat:no-repeat;background-position:center}.logo img[data-v-87e5a84e]{max-width:100%;max-height:100%;object-fit:contain;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.nav-section.collapsed .logo[data-v-87e5a84e]{width:50px;height:50px;border-radius:25px;margin-bottom:20px;background:#ffffff4d;border:3px solid rgba(255,255,255,.5);transform:rotate(360deg) scale(1.1);box-shadow:0 0 20px #ffffff4d;background-size:contain}.nav-section.collapsed .logo img[data-v-87e5a84e]{max-width:90%;max-height:90%}.nav-section.collapsed .logo[data-v-87e5a84e]{animation:logoPulse-87e5a84e 2s infinite ease-in-out}@keyframes logoPulse-87e5a84e{0%,to{transform:rotate(360deg) scale(1.1);box-shadow:0 0 20px #ffffff4d}50%{transform:rotate(360deg) scale(1.2);box-shadow:0 0 30px #ffffff80}}.logo[data-v-87e5a84e]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.nav-section.collapsed .logo[data-v-87e5a84e]:before{animation:logoShimmer-87e5a84e 3s infinite}@keyframes logoShimmer-87e5a84e{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.logo-icon[data-v-87e5a84e]{font-size:36px;font-weight:300;color:#fff;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.nav-section.collapsed .logo-icon[data-v-87e5a84e]{font-size:24px;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.5)}.nav-items[data-v-87e5a84e]{display:flex;flex-direction:column;gap:20px;margin:30px 0}.nav-item[data-v-87e5a84e]{font-size:24px;font-weight:300;opacity:.9;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s ease;padding:10px 20px;border-radius:8px;position:relative;overflow:hidden}.nav-item[data-v-87e5a84e]:hover{opacity:1;background:#ffffff1a;transform:translate(10px)}.nav-item.router-link-active[data-v-87e5a84e]{opacity:1;font-weight:400;background:#ffffff26}.nav-item[data-v-87e5a84e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.nav-item[data-v-87e5a84e]:hover:before{left:100%}.tagline[data-v-87e5a84e]{position:absolute;bottom:30px;right:30px;font-size:24px;font-weight:300;opacity:.8}@media (max-width: 1024px){.tagline[data-v-87e5a84e]{position:static;margin-top:40px;font-size:20px}}