:root{--pc-bg: #0d0d2e;--pc-bg2: #12123a;--pc-card: #1a1a3e;--pc-card2: #151535;--pc-magenta: #e040fb;--pc-blue: #2979ff;--pc-yellow: #f9e000;--pc-text: #ffffff;--pc-muted: rgba(255, 255, 255, .55);--pc-border: rgba(255, 255, 255, .08);--pc-radius: 16px;--pc-radius-lg: 20px;--pc-radius-pill: 50px;--pc-color-home: #ffffff;--pc-color-joc: #e040fb;--pc-color-harta: #2ecc71;--pc-color-premii: #ff4fa0;--pc-color-program: #f9e000;--pc-color-parteneri: #4db6ff;--pc-color-info: #00e5c8;font-family:Poppins,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--pc-bg);color:var(--pc-text);overscroll-behavior:none;font-family:Poppins,sans-serif}.app-shell{display:flex;flex-direction:column;height:100dvh}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.app-header{position:sticky;top:0;z-index:1030;background:var(--pc-bg)}.app-header .logo-wrap{background-image:url(/images/header_bkg.png);background-size:cover;background-position:center top;padding:14px 0 10px;text-align:center}.app-header .logo-wrap img{height:60px;width:auto}.app-nav{display:flex;overflow-x:auto;white-space:nowrap;gap:0;padding:0 12px;border-bottom:1px solid var(--pc-border);scrollbar-width:none;-ms-overflow-style:none;cursor:grab}.app-nav::-webkit-scrollbar{display:none}.app-nav:active{cursor:grabbing}.app-nav a{display:inline-block;padding:10px 16px;color:var(--pc-muted);font-size:.9rem;font-weight:400;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s;flex-shrink:0}.app-nav a.router-link-active,.app-nav a.active{color:var(--pc-yellow);border-bottom-color:var(--pc-yellow)}.sticky-footer{position:sticky;bottom:0;z-index:900;padding:12px 20px;background:var(--pc-bg);border-top:1px solid var(--pc-border);display:flex;gap:12px}.btn-pc-magenta{flex:1;background:var(--pc-magenta);color:#fff;border:none;border-radius:var(--pc-radius-pill);padding:14px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.btn-pc-magenta:active{opacity:.85;transform:scale(.97)}.btn-pc-blue{flex:1;background:var(--pc-blue);color:#fff;border:none;border-radius:var(--pc-radius-pill);padding:14px 20px;font-size:1rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s}.btn-pc-blue:active{opacity:.85;transform:scale(.97)}.pc-card{background:var(--pc-card);border-radius:var(--pc-radius);border:1px solid var(--pc-border);padding:16px}.mission-card,.reward-card{display:flex;align-items:center;gap:14px;background:var(--pc-card);border-radius:var(--pc-radius);padding:14px;margin-bottom:12px;border:1px solid var(--pc-border);transition:opacity .3s}.mission-card.locked,.reward-card.locked{opacity:.5}.card-icon{width:60px;height:60px;border-radius:50%;object-fit:cover;flex-shrink:0;background:var(--pc-bg2)}.card-icon.greyed{filter:grayscale(100%) brightness(.6)}.card-body-text{flex:1;min-width:0}.card-body-text h5{font-size:.95rem;font-weight:700;margin-bottom:4px}.card-body-text p{font-size:.8rem;color:var(--pc-muted);margin:0;line-height:1.4}.section-label{font-size:.75rem;font-weight:700;color:var(--pc-muted);text-transform:uppercase;letter-spacing:.08em;margin:20px 0 10px}.schedule-card{background:var(--pc-card);border-radius:var(--pc-radius);overflow:hidden;margin-bottom:20px}.schedule-event{display:flex;align-items:stretch;border-bottom:1px solid var(--pc-border)}.schedule-event:last-child{border-bottom:none}.schedule-time{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding:12px 10px 12px 14px;min-width:60px;font-size:.72rem;color:var(--pc-muted);gap:2px}.schedule-bar{width:3px;background:var(--pc-yellow);flex-shrink:0;margin:8px 0}.schedule-info{padding:12px 14px;flex:1}.schedule-info h5{font-size:.9rem;font-weight:700;margin-bottom:2px}.schedule-info p{font-size:.78rem;color:var(--pc-muted);margin:0}.accordion-item{background:var(--pc-card)!important;border:1px solid var(--pc-border)!important;border-radius:var(--pc-radius)!important;margin-bottom:10px;overflow:hidden}.accordion-button{background:var(--pc-card)!important;color:var(--pc-text)!important;font-weight:700!important;font-size:.95rem!important;box-shadow:none!important}.accordion-button:after{filter:invert(1)}.accordion-button:not(.collapsed){color:var(--pc-text)!important}.accordion-body{background:var(--pc-card)!important;color:var(--pc-muted)!important;font-size:.88rem;line-height:1.6}.accordion-body a{color:var(--pc-yellow)}.partners-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px}.partner-cell{background:var(--pc-card);border-radius:var(--pc-radius);border:1px solid var(--pc-border);padding:18px 10px;text-align:center;cursor:pointer;transition:background .2s;text-decoration:none;display:block;color:var(--pc-text);font-weight:700;font-size:.85rem}.partner-cell:hover{background:var(--pc-card2);color:var(--pc-text)}.partner-cell img{max-width:100%;max-height:50px;object-fit:contain;display:block;margin:0 auto 8px}.powered-card{background:var(--pc-card);border-radius:var(--pc-radius);border:1px solid var(--pc-border);padding:24px;text-align:center;margin-bottom:24px}.powered-card .label{font-size:.8rem;color:var(--pc-muted);margin-bottom:4px}.powered-card .name{font-size:1.8rem;font-weight:800}.map-container{width:100%;height:100%;overflow:hidden;touch-action:none;background:#000;display:flex;align-items:center;justify-content:center;cursor:grab}.map-container:active{cursor:grabbing}.map-img{max-width:none;transform-origin:center center;transition:transform .05s linear;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pc-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:var(--pc-card);color:var(--pc-text);border-radius:var(--pc-radius-pill);padding:12px 24px;font-weight:700;font-size:.9rem;border:1px solid var(--pc-border);z-index:9999;text-align:center;animation:fadeInUp .3s ease,fadeOut .4s ease 2.6s forwards;white-space:nowrap}.pc-toast.success{border-color:#4caf50;color:#4caf50}.pc-toast.error{border-color:var(--pc-magenta);color:var(--pc-magenta)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.page-pad{padding:16px}.starfield{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(41,121,255,.18) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(224,64,251,.12) 0%,transparent 50%),var(--pc-bg)}
