.landing-container{background:linear-gradient(135deg,#9333ea 0%,#2563eb 50%,#06b6d4 100%);min-height:100vh;position:relative;overflow:hidden}.floating-elements{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.floating-rect{background:rgba(255,255,255,.1);border-radius:8px;position:absolute}.floating-rect-1{width:256px;height:128px;animation:2s infinite pulse;top:80px;right:40px;transform:rotate(12deg)}.floating-rect-2{background:rgba(255,255,255,.05);width:192px;height:96px;top:160px;right:128px;transform:rotate(-6deg)}.floating-rect-3{width:128px;height:256px;animation:2s infinite pulse;bottom:160px;right:80px;transform:rotate(45deg)}.data-viz{flex-direction:column;gap:4px;display:flex;position:absolute;top:128px;right:192px}.data-bar{background:rgba(244,114,182,.6);border-radius:2px;height:4px;animation:2s infinite pulse}.chart-elements{gap:4px;display:flex;position:absolute;bottom:128px;right:160px}.chart-bar{background:rgba(103,232,249,.4);border-radius:2px 2px 0 0;width:6px}.floating-dot{border-radius:50%;position:absolute}.floating-dot-1{background:rgba(251,191,36,.6);width:16px;height:16px;animation:1s infinite bounce;top:240px;right:64px}.floating-dot-2{background:rgba(244,114,182,.6);width:12px;height:12px;animation:1s infinite ping;top:320px;right:256px}.floating-dot-3{background:rgba(103,232,249,.6);width:20px;height:20px;animation:2s infinite pulse;bottom:240px;right:32px}.face-silhouette{position:absolute;top:50%;right:160px;transform:translateY(-50%)}.face-container{position:relative}.face-gradient-1{filter:blur(4px);background:linear-gradient(135deg,rgba(88,28,135,.3) 0%,rgba(30,58,138,.5) 100%);border-radius:50%;width:320px;height:384px}.face-gradient-2{background:linear-gradient(135deg,rgba(126,34,206,.2) 0%,transparent 100%);border-radius:50%;width:320px;height:384px;position:absolute;top:0;bottom:0;left:0;right:0}.navigation{z-index:10;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}.nav-brand{align-items:center;gap:8px;display:flex}.logo{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-inner{background:#2563eb;border-radius:2px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.logoWhite{height:40px}.logo-dot{background:#fff;border-radius:50%;width:8px;height:8px}.brand-text{color:#fff;font-size:1.25rem;font-weight:600}@media (min-width:768px){.nav-menu{display:flex}}.nav-link{color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link-active{color:#fff}.nav-link-active:hover{color:#a5f3fc}.user-access{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;transition:color .3s;display:flex}.user-access:hover{color:#a5f3fc}.main-content{z-index:10;padding:48px 24px;position:relative}.content-container{max-width:1280px;margin:0 auto}.content-grid{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (min-width:1024px){.content-grid{grid-template-columns:1fr 1fr}}.left-content{flex-direction:column;gap:32px;display:flex}.main-title{color:#fff;font-size:3rem;font-weight:700;line-height:1.1}@media (min-width:1024px){.main-title{font-size:3.75rem}}.gradient-text{background:linear-gradient(90deg,#67e8f9 0%,#bfdbfe 100%);-webkit-text-fill-color:transparent;color:transparent;-webkit-background-clip:text;background-clip:text}.info-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:24px}.info-text{color:rgba(255,255,255,.9);margin-bottom:16px;font-size:1.125rem;line-height:1.75}.sustainability-indicator{align-items:center;gap:8px;display:flex}.indicator-dot{background:#22d3ee;border-radius:50%;width:8px;height:8px}.indicator-text{color:rgba(255,255,255,.8)}.progress-container{background:rgba(255,255,255,.2);border-radius:2px;height:4px;margin-top:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#22d3ee 0%,#a855f7 100%);border-radius:2px;width:75%;height:100%}.stats-container{gap:48px;display:flex}.stat-card{color:#fff}.stat-percentage{margin-bottom:8px;font-size:2.25rem;font-weight:700}.stat-label{opacity:.8;font-size:.875rem}.right-content{justify-content:flex-end;display:flex}.stats-display{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:24px}.stats-inner{text-align:right}.big-stat{color:#fff;margin-bottom:8px;font-size:2.25rem;font-weight:700}.big-stat-label{color:rgba(255,255,255,.7);font-size:.875rem}.bottom-gradient{background:linear-gradient(transparent 0%,rgba(88,28,135,.5) 100%);height:128px;position:absolute;bottom:0;left:0;right:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}@keyframes ping{0%{opacity:1;transform:scale(1)}75%,to{opacity:0;transform:scale(2)}}@media (max-width:768px){.main-title{font-size:2.5rem}.stats-container{gap:24px}.floating-rect-1,.floating-rect-2,.floating-rect-3,.face-silhouette{display:none}.content-grid{gap:32px}}.nav-wrapper{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:rgba(255,255,255,.3);border:1px solid rgba(255,255,255,.5);border-radius:20px;justify-content:space-between;align-items:center;gap:32px;width:500%;max-width:-moz-fit-content;max-width:fit-content;height:10%;margin-left:auto;margin-right:5%;padding:12px 24px;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.08)}.nav-spacer{width:300px}.nav-menu{align-items:center;gap:24px;display:flex}.arrow{color:#fff;opacity:.5;margin:0 4px;font-size:20px}.logout-text a{color:#4d00ff;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:opacity .3s;display:flex}.logout-text a:hover{opacity:.8}.user-icon{width:20px;height:20px}