@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,sans-serif;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{margin:0;padding:0}body{padding-top:90px}@media (max-width:768px){body{padding-top:75px}}.auth-popup-overlay{-webkit-overflow-scrolling:touch;align-items:center;background:rgba(0,0,0,.75);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.auth-popup-card{height:auto;max-width:360px;min-height:420px;-webkit-perspective:1000px;perspective:1000px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%}.auth-card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.6);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Montserrat,sans-serif;height:100%;padding:30px 25px;position:absolute;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out;-webkit-transition:-webkit-transform .8s ease-in-out;width:100%}.auth-card-face h2{font-weight:600;margin-bottom:20px;text-align:center}.auth-card-face form{display:flex;flex-direction:column}.auth-card-face input{background:#333;border:none;border-radius:8px;color:#fff;margin-bottom:15px}.auth-card-face button,.auth-card-face input{-webkit-appearance:none;appearance:none;font-size:16px;padding:12px;width:100%}.auth-card-face button{-webkit-tap-highlight-color:transparent;background:#90dd80;border:none;border-radius:10px;cursor:pointer;font-weight:700;margin-top:10px;transition:.3s ease}.auth-card-face button:hover{background:#6fc06f}.auth-card-face p{color:#90dd80;cursor:pointer;margin-top:15px;text-align:center;transition:color .2s}.auth-card-face p:hover{color:#60b560}.auth-card-face.back,.auth-popup-card.flipped .front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.auth-popup-card.flipped .back{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.auth-close-btn{background:transparent;border:none;color:#fff;cursor:pointer;font-size:32px;position:absolute;right:25px;top:15px}.auth-link{color:#90dd80;cursor:pointer;font-size:.9em;margin-top:10px;text-align:center;transition:color .2s}.auth-link:hover{color:#60b560;text-decoration:underline}.auth-error{color:tomato;font-size:.85em;margin-bottom:10px;margin-top:-10px;text-align:center}@supports (-webkit-touch-callout:none){.auth-popup-overlay{height:-webkit-fill-available}.auth-card-face input{font-size:16px;padding:15px 12px}.auth-card-face button{padding:15px 12px}}@media (max-width:480px){.auth-popup-overlay{align-items:flex-start;padding:50px 15px 15px}.auth-popup-card{max-width:100%}.auth-card-face{padding:20px 15px}.auth-card-face button,.auth-card-face input{font-size:16px;padding:12px}}.home-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative;width:100vw}.video-background{z-index:-1}.video-background,.video-background iframe{height:100%;left:0;position:absolute;top:0;width:100%}.video-background iframe{border:none;object-fit:cover}.video-background:before{background:rgba(0,0,0,.7);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.bottom-gradient,.top-gradient{height:200px;left:0;position:absolute;width:100%;z-index:1}.top-gradient{background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);top:0}.bottom-gradient{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0}.logo-container{left:50%;position:absolute;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3}.hero-content{color:#fff;margin:0 auto;max-width:800px;padding:20px;text-align:center;z-index:2}.title{font-size:3rem;font-weight:700;margin-bottom:1rem}.description,.title{font-family:Roboto,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.description{font-size:1.5rem;font-weight:400;margin-bottom:2rem}.login-button{background:linear-gradient(45deg,#007bff,#00c4ff);border:none;box-shadow:0 4px 15px rgba(0,123,255,.4);color:#fff;font-family:Roboto,sans-serif;font-size:1.2rem;padding:12px 30px;text-transform:uppercase;transition:box-shadow .3s ease,background .3s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .3s ease,background .3s ease;transition:transform .2s ease,box-shadow .3s ease,background .3s ease,-webkit-transform .2s ease}.login-button:hover{background:linear-gradient(45deg,#0056b3,#009cff);box-shadow:0 6px 20px rgba(0,123,255,.6);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.animate{-webkit-animation:fadeIn 1s forwards;animation:fadeIn 1s forwards;opacity:0}.hero-content .title{-webkit-animation-delay:.4s;animation-delay:.4s}.hero-content .description{-webkit-animation-delay:.6s;animation-delay:.6s}.hero-content .login-button{-webkit-animation-delay:.8s;animation-delay:.8s}@media (max-width:768px){.home-container{padding:0}.hero-content{max-width:90%;padding:20px}.title{font-size:2rem}.description{font-size:1.2rem}.logo-container{top:10px}.logo{width:200px}.bottom-gradient,.top-gradient{height:100px}.video-background iframe{height:100%;object-fit:cover;width:100%}}@media (min-width:769px) and (max-width:1024px){.hero-content{max-width:600px}.title{font-size:2.5rem}.description{font-size:1.3rem}.logo-container{top:15px}.logo{width:240px}}.ertzaintza-container{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;min-height:calc(100vh - 70px);padding:100px 20px 50px;text-align:center}.section-bg{background:rgba(0,0,0,.2);height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.oposiciones-grid{position:relative;z-index:1}.card-media{border-radius:15px 15px 0 0;height:250px}.card-media img,.card-media video{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.card-content{padding:30px}.card-content h3{color:#fff;color:var(--text-primary);font-size:1.8rem;margin-bottom:15px}.card-cta{background:transparent;border:2px solid hsla(0,0%,100%,.2);display:inline-flex;padding:12px 24px}.card-cta:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);-webkit-transform:translateX(5px);transform:translateX(5px)}.back-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none;border-radius:50px;color:#fff;color:var(--text-primary);font-size:1em;font-weight:600;margin-top:50px;padding:12px 30px}.back-button:hover{box-shadow:0 10px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.loading{background-color:#0f0f0f;background-color:var(--primary-color);color:#fff;color:var(--text-primary);font-size:1.5em}@media (max-width:1200px){.oposiciones-grid{grid-template-columns:1fr}}@media (max-width:768px){.section-title{font-size:clamp(2rem,4vw,3rem)}.section-header{margin-bottom:50px}.oposiciones-grid{grid-template-columns:1fr}.card-content{padding:20px}.card-content h3{font-size:1.5rem}}@media (max-width:480px){.card-media{height:200px}.card-content h3{font-size:1.3rem}.card-cta{font-size:.9em;padding:10px 20px}}.page-container.chat-container{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);color:#e0e0e0;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh}.chat-window,.page-container.chat-container{display:flex;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition)}.chat-window{box-sizing:border-box;flex:1 1;flex-direction:column;margin:0 auto;max-width:800px;padding:20px 0;width:100%}body.sidebar-open .chat-window{margin-left:auto;margin-right:auto;max-width:800px;padding-left:300px;padding-left:calc(var(--sidebar-width) + 20px);padding-right:20px}.chat-messages{background-color:#1a1a1a;border-radius:10px;box-sizing:border-box;max-width:100%;padding:20px 0 250px;width:100%;z-index:900}.chat-messages::-webkit-scrollbar{display:none}.chat-messages{-ms-overflow-style:none;scrollbar-width:none}.message{word-wrap:break-word;border-radius:15px;color:#e0e0e0;font-family:Inter,sans-serif!important;font-size:16px;font-weight:400;line-height:1.5;margin:8px 0;max-width:100%;padding:10px 0}.message,.message-content{box-sizing:border-box;width:100%}.message-content{display:block;overflow-wrap:break-word;padding:10px 30px}.message *{word-wrap:break-word;display:inline-block;max-width:100%}.message br{display:block}.user-message{background-color:#4682b4!important;border-radius:15px 15px 0 15px;color:#fff!important;margin-left:auto;margin-right:15px;max-width:80%}.user-message .message-content{text-align:right}.gpt-message{background-color:#2a2a2a;border-radius:15px 15px 15px 0;color:#e0e0e0;margin-left:0;margin-right:0}.animate-message{-webkit-animation:fadeIn .3s ease-in;animation:fadeIn .3s ease-in}.loading-message{background-color:#2a2a2a;border-radius:15px;color:#e0e0e0;font-family:Inter,sans-serif!important;font-size:16px;gap:10px;margin:8px 0;padding:10px 15px}.spinner{border:3px solid #90dd80;border-top-color:transparent;height:20px;width:20px}.floating-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.95);border:1px solid #444;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.3);min-width:200px;position:fixed;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition);z-index:1100}body.sidebar-open .floating-widget.stopwatch-widget{right:300px;right:calc(20px + var(--sidebar-width))}body.sidebar-open .floating-widget.course-navette-widget{left:300px;left:calc(20px + var(--sidebar-width))}.stopwatch-widget{right:20px;top:20px}.course-navette-widget{left:20px;top:20px}.widget-header{align-items:center;border-bottom:1px solid #444;color:#e0e0e0;display:flex;justify-content:space-between;padding:10px 15px}.widget-header h4{font-size:14px;font-weight:600;margin:0}.close-widget{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:16px;height:20px;justify-content:center;padding:0;width:20px}.close-widget:hover{color:#e0e0e0}.stopwatch-display{background:linear-gradient(45deg,#2a2a2a,#3a3a3a);border-radius:10px;color:#e0e0e0;font-family:Monaco,Menlo,monospace;font-size:24px;font-weight:700;margin:10px;padding:20px;text-align:center}.stopwatch-controls{display:flex;gap:10px;justify-content:center;padding:10px}.control-btn{background:#444;border:1px solid #555;border-radius:8px;color:#e0e0e0;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.control-btn:hover:not(:disabled){background:#555;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.control-btn.start{background:#28a745;border-color:#28a745}.control-btn.start:hover:not(:disabled){background:#218838}.control-btn.stop{background:#dc3545;border-color:#dc3545}.control-btn.stop:hover:not(:disabled){background:#c82333}.control-btn.reset{background:#17a2b8;border-color:#17a2b8}.control-btn.reset:hover:not(:disabled){background:#138496}.course-navette-display{padding:15px;text-align:center}.level-info{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.level-info,.time-info{background:linear-gradient(45deg,#2a2a2a,#3a3a3a);border-radius:8px;color:#e0e0e0;padding:10px}.time-info{font-family:Monaco,Menlo,monospace;font-size:20px;font-weight:700}.course-navette-controls{display:flex;gap:10px;justify-content:center;padding:10px}.chat-input-container{background:linear-gradient(180deg,transparent 0,#1a1a1a 20px);box-sizing:border-box}body.sidebar-open .chat-input-container{left:140px;left:calc(var(--sidebar-width)/2);margin-left:auto;max-width:800px;right:0}.chat-input{align-items:center;display:flex;width:100%}.input-wrapper{background-color:#333;border:1px solid #444;border-radius:15px;box-sizing:border-box;padding:15px;width:100%}.input-row{gap:15px;width:100%}.chat-input input{background-color:transparent;border:none;color:#e0e0e0;flex:1 1;font-family:Inter,sans-serif!important;font-size:16px;font-weight:400;outline:none;padding:12px 15px}.chat-input input::-webkit-input-placeholder{color:#888}.chat-input input:-ms-input-placeholder{color:#888}.chat-input input::placeholder{color:#888}.chat-input .send-button{align-items:center;background-color:transparent;border:1px solid #444;border-radius:50%;box-sizing:border-box;color:#e0e0e0;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0;width:40px}.chat-input .send-button:hover{background-color:#444}.button-row{justify-content:flex-start;width:100%}.chat-input .action-button{background-color:transparent;border:1px solid #444;border-radius:20px;color:#e0e0e0;cursor:pointer;flex-shrink:0;font-family:Inter,sans-serif!important;font-size:12px;font-weight:500;padding:8px 12px;transition:background-color .2s;white-space:nowrap}.chat-input .action-button:hover{background-color:#444}.chat-input .tool-button{background-color:#28a745;border-color:#28a745;color:#fff}.chat-input .tool-button:hover{background-color:#218838;border-color:#218838}.chat-disclaimer-container{background-color:#1a1a1a;box-sizing:border-box;padding:5px 0;width:100%}.chat-disclaimer{color:#888;font-family:Inter,sans-serif;font-size:10px;font-weight:400}.scroll-to-bottom-button{-webkit-animation:slideIn .3s ease-out forwards;animation:slideIn .3s ease-out forwards;background-color:#333;border:1px solid #555;bottom:150px;box-shadow:0 2px 5px rgba(0,0,0,.3);color:#e0e0e0;opacity:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition);z-index:1200}body.sidebar-open .scroll-to-bottom-button{-webkit-animation:slideInSidebar .3s ease-out forwards;animation:slideInSidebar .3s ease-out forwards}@-webkit-keyframes slideInSidebar{0%{opacity:0;-webkit-transform:translateX(calc(-50% + 140px)) translateY(20px);transform:translateX(calc(-50% + 140px)) translateY(20px);-webkit-transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(20px);transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(20px)}to{opacity:1;-webkit-transform:translateX(calc(-50% + 140px)) translateY(0);transform:translateX(calc(-50% + 140px)) translateY(0);-webkit-transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(0);transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(0)}}@keyframes slideInSidebar{0%{opacity:0;-webkit-transform:translateX(calc(-50% + 140px)) translateY(20px);transform:translateX(calc(-50% + 140px)) translateY(20px);-webkit-transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(20px);transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(20px)}to{opacity:1;-webkit-transform:translateX(calc(-50% + 140px)) translateY(0);transform:translateX(calc(-50% + 140px)) translateY(0);-webkit-transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(0);transform:translateX(calc(-50% + var(--sidebar-width)/2)) translateY(0)}}.scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.loading{color:#e0e0e0;padding:20px;text-align:center}.error-message{color:red;font-weight:700;margin:10px 0;text-align:center}@media (max-width:768px){body.sidebar-open .chat-input-container,body.sidebar-open .chat-window,body.sidebar-open .floating-widget.course-navette-widget,body.sidebar-open .floating-widget.stopwatch-widget,body.sidebar-open .page-container.chat-container,body.sidebar-open .scroll-to-bottom-button{left:auto;margin-left:0;right:auto}body.sidebar-open .chat-window{margin:0 auto;max-width:100%;padding-left:20px;padding-right:20px}body.sidebar-open .scroll-to-bottom-button{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.sidebar-open .scroll-to-bottom-button:hover{-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}body.sidebar-open .chat-input-container{margin:0 auto;max-width:100%}.chat-window{padding:10px 0}.chat-messages{max-width:100%;padding:15px 0 200px}.chat-messages::-webkit-scrollbar{display:none}.message{font-size:14px;line-height:1.6}.user-message{margin-right:8px;max-width:85%}.message-content{padding:8px 20px}.loading-message{font-size:14px;padding:10px 8px}.spinner{border-width:2px;height:16px;width:16px}.chat-input-container{max-width:100%;padding:15px}.input-wrapper{gap:10px;padding:10px}.input-row{gap:12px}.chat-input input{font-size:14px;padding:10px 12px}.chat-input .send-button{font-size:18px;height:36px;min-height:36px;min-width:36px;width:36px}.chat-input .action-button{font-size:10px;gap:4px;padding:6px 8px}.button-row{flex-wrap:wrap;gap:4px}.chat-disclaimer-container{padding:5px 0}.chat-disclaimer{font-size:8px}.scroll-to-bottom-button{bottom:130px;height:35px;width:35px}.floating-widget{font-size:12px;min-width:180px}.stopwatch-widget{right:10px;top:10px}.course-navette-widget{left:10px;top:10px}.stopwatch-display,.time-info{font-size:18px;padding:15px}.control-btn{font-size:12px;padding:6px 10px}.level-info{font-size:12px;padding:8px}}.image-upload-section{margin-top:10px}.upload-button{background-color:#28a745;color:#fff}.upload-button:hover{background-color:#218838}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.image-preview{display:inline-block;position:relative}.remove-image-button{align-items:center;background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.remove-image-button:hover{background-color:darkred}.message-images{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}@media (max-width:calc(800px + 280px + 40px)){body.sidebar-open .chat-window{padding-left:290px;padding-left:calc(var(--sidebar-width) + 10px);padding-right:10px}body.sidebar-open .chat-input-container,body.sidebar-open .chat-window{max-width:calc(100vw - 300px);max-width:calc(100vw - var(--sidebar-width) - 20px)}body.sidebar-open .chat-input-container{left:280px;left:var(--sidebar-width);margin:0;padding:20px 10px;right:0}}.page-container.suboficiales-container{font-family:Montserrat,sans-serif}.suboficiales-container .chat-input .action-button,.suboficiales-container .chat-input input,.suboficiales-container .chat-messages,.suboficiales-container .chat-window,.suboficiales-container .loading-message,.suboficiales-container .message,.suboficiales-container .message-content{font-family:Montserrat,sans-serif!important}.suboficiales-container .message-content{padding:10px 30px}@media (max-width:650px){.suboficiales-container .message-content{padding:8px 20px}}.suboficiales-container .chat-messages::-webkit-scrollbar{display:none}.suboficiales-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.suboficiales-container .user-message{background-color:#4682b4}.suboficiales-container .spinner{border:3px solid #90dd80;border-top-color:transparent}.suboficiales-container .scroll-to-bottom-button{border:1px solid #555}.suboficiales-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.page-container.cabos-container{font-family:Montserrat,sans-serif}.cabos-container .chat-input .action-button,.cabos-container .chat-input input,.cabos-container .chat-messages,.cabos-container .chat-window,.cabos-container .loading-message,.cabos-container .message,.cabos-container .message-content{font-family:Montserrat,sans-serif!important}.cabos-container .message-content{padding:10px 30px}@media (max-width:650px){.cabos-container .message-content{padding:8px 20px}}.cabos-container .chat-messages::-webkit-scrollbar{display:none}.cabos-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.cabos-container .user-message{background-color:#4682b4}.cabos-container .spinner{border:3px solid #d4deec;border-top-color:#4682b4}.cabos-container .scroll-to-bottom-button{border:1px solid #555}.cabos-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.page-container.conjunta-container{font-family:Montserrat,sans-serif}.conjunta-container .chat-input .action-button,.conjunta-container .chat-input input,.conjunta-container .chat-messages,.conjunta-container .chat-window,.conjunta-container .loading-message,.conjunta-container .message,.conjunta-container .message-content{font-family:Montserrat,sans-serif!important}.conjunta-container .message-content{padding:10px 30px}@media (max-width:650px){.conjunta-container .message-content{padding:8px 20px}}.conjunta-container .chat-messages::-webkit-scrollbar{display:none}.conjunta-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.conjunta-container .user-message{background-color:#4682b4}.conjunta-container .spinner{border:3px solid #d4deec;border-top-color:#4682b4}.conjunta-container .scroll-to-bottom-button{border:1px solid #555}.conjunta-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.page-container .nacional-container{font-family:Montserrat,sans-serif}.nacional-container .chat-input .action-button,.nacional-container .chat-input input,.nacional-container .chat-messages,.nacional-container .chat-window,.nacional-container .loading-message,.nacional-container .message,.nacional-container .message-content{font-family:Montserrat,sans-serif!important}.nacional-container .message-content{padding:10px 30px}@media (max-width:650px){.nacional-container .message-content{padding:8px 20px}}.nacional-container .chat-messages::-webkit-scrollbar{display:none}.nacional-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.nacional-container .user-message{background-color:#ff6982}.nacional-container .spinner{border:3px solid #90dd80;border-top-color:transparent}.nacional-container .scroll-to-bottom-button{border:1px solid #555}.nacional-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}:root{--popup-bg-primary:#1a1a1a;--popup-bg-secondary:#2a2a2a;--popup-bg-tertiary:#3a3a3a;--popup-text-primary:#fff;--popup-text-secondary:#e0e0e0;--popup-text-muted:#a0a0a0;--popup-accent-primary:#90dd80;--popup-accent-secondary:#f3a546;--popup-accent-premium:#f1c40f;--popup-accent-error:#ef4444;--popup-border:hsla(0,0%,100%,.1);--popup-border-hover:hsla(0,0%,100%,.2);--popup-shadow:0 10px 30px rgba(0,0,0,.5);--popup-shadow-lg:0 20px 50px rgba(0,0,0,.7);--popup-radius:16px;--popup-radius-sm:8px;--popup-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.popup-overlay{-webkit-animation:popupOverlayFadeIn .3s ease;animation:popupOverlayFadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);box-sizing:border-box;height:100vh;padding:20px;width:100vw;z-index:199999}@-webkit-keyframes popupOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupOverlayFadeIn{0%{opacity:0}to{opacity:1}}.popup-container{-webkit-animation:popupSlideIn .3s cubic-bezier(.4,0,.2,1);animation:popupSlideIn .3s cubic-bezier(.4,0,.2,1);background:#1a1a1a;background:var(--popup-bg-primary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--popup-border);border-radius:16px;border-radius:var(--popup-radius);box-shadow:0 20px 50px rgba(0,0,0,.7);box-shadow:var(--popup-shadow-lg);max-height:85vh;max-width:460px;overflow-y:auto;position:relative;width:100%}@-webkit-keyframes popupSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes popupSlideIn{0%{opacity:0;-webkit-transform:scale(.9) translateY(20px);transform:scale(.9) translateY(20px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.popup-header{align-items:center;display:flex;justify-content:space-between;padding:16px 20px 0;position:relative}.popup-icon{background:linear-gradient(135deg,#90dd80,#f3a546);background:linear-gradient(135deg,var(--popup-accent-primary),var(--popup-accent-secondary));border-radius:50%;box-shadow:0 4px 12px rgba(144,221,128,.3);color:#1a1a1a;color:var(--popup-bg-primary);font-size:1.3rem;height:42px;width:42px}.popup-close,.popup-icon{align-items:center;display:flex;justify-content:center}.popup-close{background:#2a2a2a;background:var(--popup-bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--popup-border);border-radius:50%;color:#a0a0a0;color:var(--popup-text-muted);cursor:pointer;font-size:1rem;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition);width:32px}.popup-close:hover{background:#3a3a3a;background:var(--popup-bg-tertiary);border-color:hsla(0,0%,100%,.2);border-color:var(--popup-border-hover);color:#fff;color:var(--popup-text-primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.popup-content{padding:16px 20px}.popup-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#90dd80,#f3a546);background:linear-gradient(135deg,var(--popup-accent-primary),var(--popup-accent-secondary));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--popup-text-primary);font-size:1.4rem;font-weight:700;margin:0 0 12px}.popup-status{background:#2a2a2a;background:var(--popup-bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--popup-border);border-radius:8px;border-radius:var(--popup-radius-sm);display:flex;gap:16px;margin-bottom:16px;padding:12px}.current-plan,.required-plan{display:flex;flex:1 1;flex-direction:column;gap:4px}.plan-label{color:#a0a0a0;color:var(--popup-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.plan-value{background:hsla(0,0%,100%,.05);border-radius:6px;color:#e0e0e0;color:var(--popup-text-secondary);font-size:.9rem;font-weight:600;padding:4px 8px;text-align:center}.plan-value.premium{background:linear-gradient(135deg,#f1c40f,#f3a546);background:linear-gradient(135deg,var(--popup-accent-premium),var(--popup-accent-secondary));color:#1a1a1a;color:var(--popup-bg-primary);font-weight:700}.popup-description{margin-bottom:16px}.popup-description p{color:#e0e0e0;color:var(--popup-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.popup-features{background:linear-gradient(135deg,rgba(144,221,128,.05),rgba(243,165,70,.05));border:1px solid rgba(144,221,128,.2);border-radius:8px;border-radius:var(--popup-radius-sm);margin-bottom:16px;padding:12px}.popup-features h4{color:#fff;color:var(--popup-text-primary);font-size:.95rem;font-weight:600;margin:0 0 10px}.popup-features ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.popup-features li{align-items:center;color:#e0e0e0;color:var(--popup-text-secondary);display:flex;font-size:.85rem;gap:8px;line-height:1.3}.feature-check{align-items:center;background:rgba(144,221,128,.1);border-radius:50%;color:#90dd80;color:var(--popup-accent-primary);display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:18px;justify-content:center;width:18px}.popup-upgrade-benefit{margin-bottom:18px}.benefit-card{align-items:center;background:linear-gradient(135deg,rgba(241,196,15,.1),rgba(243,165,70,.1));border:1px solid rgba(241,196,15,.3);border-radius:8px;border-radius:var(--popup-radius-sm);display:flex;gap:10px;overflow:hidden;padding:12px;position:relative}.benefit-card:before{background:linear-gradient(180deg,#f1c40f,#f3a546);background:linear-gradient(180deg,var(--popup-accent-premium),var(--popup-accent-secondary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.benefit-icon{flex-shrink:0;font-size:1.5rem}.benefit-text{display:flex;flex-direction:column;gap:4px}.benefit-text strong{color:#fff;color:var(--popup-text-primary);font-size:.95rem;font-weight:600}.benefit-text span{color:#e0e0e0;color:var(--popup-text-secondary);font-size:.85rem;line-height:1.4}.popup-actions{display:flex;gap:10px;padding:0 20px 20px}.popup-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--popup-radius-sm);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--popup-transition)}.popup-btn:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.popup-btn:hover:before{height:100px;width:100px}.popup-btn.secondary{background:#2a2a2a;background:var(--popup-bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--popup-border);color:#e0e0e0;color:var(--popup-text-secondary)}.popup-btn.secondary:hover{background:#3a3a3a;background:var(--popup-bg-tertiary);border-color:hsla(0,0%,100%,.2);border-color:var(--popup-border-hover);box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;color:var(--popup-text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.popup-btn.primary{background:linear-gradient(135deg,#90dd80,#f3a546);background:linear-gradient(135deg,var(--popup-accent-primary),var(--popup-accent-secondary));border:1px solid transparent;box-shadow:0 4px 12px rgba(144,221,128,.3);color:#1a1a1a;color:var(--popup-bg-primary)}.popup-btn.primary:hover{box-shadow:0 6px 20px rgba(144,221,128,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-icon{flex-shrink:0;font-size:1rem}.popup-container::-webkit-scrollbar{width:6px}.popup-container::-webkit-scrollbar-track{background:#2a2a2a;background:var(--popup-bg-secondary);border-radius:3px}.popup-container::-webkit-scrollbar-thumb{background:#90dd80;background:var(--popup-accent-primary);border-radius:3px}.popup-container::-webkit-scrollbar-thumb:hover{background:#f3a546;background:var(--popup-accent-secondary)}@media (max-width:768px){.popup-overlay{padding:16px}.popup-container{border-radius:12px;max-height:90vh;max-width:100%}.popup-header{padding:16px 20px 0}.popup-content{padding:16px 20px}.popup-actions{flex-direction:column;padding:0 20px 20px}.popup-status{flex-direction:column;gap:12px}.popup-title{font-size:1.3rem}.popup-btn{font-size:.85rem;padding:12px 16px}.benefit-card{flex-direction:column;gap:8px;text-align:center}}@media (max-height:800px){.popup-container{max-height:80vh}.popup-content{padding:12px 20px}.popup-features,.popup-status{margin-bottom:12px;padding:10px}.popup-upgrade-benefit{margin-bottom:14px}.benefit-card{padding:10px}.popup-actions{padding:0 20px 16px}}@media (max-height:700px){.popup-container{max-height:75vh}.popup-description{margin-bottom:12px}.popup-features ul{gap:4px}.popup-features li{font-size:.8rem}.popup-title{font-size:1.2rem;margin-bottom:10px}}@media (max-width:480px){.popup-container{border-radius:8px;max-height:85vh}.popup-header{padding:12px 16px 0}.popup-content{padding:12px 16px}.popup-actions{padding:0 16px 16px}.popup-icon{font-size:1.2rem;height:36px;width:36px}.popup-title{font-size:1.1rem}.popup-features{padding:8px}.popup-features h4{font-size:.9rem;margin-bottom:8px}.popup-features li{font-size:.8rem}}.popup-btn.primary:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.popup-btn.primary:hover:after{left:100%}@media (prefers-reduced-motion:reduce){.benefit-card,.popup-btn,.popup-close,.popup-container,.popup-overlay{-webkit-animation:none;animation:none;transition-duration:.01ms!important}.popup-btn:after,.popup-btn:before{display:none}}:root{--sidebar-width:320px;--sidebar-transition:left 0.3s cubic-bezier(0.4,0,0.2,1);--accent-orange:#f3a546;--accent-purple:#9b59b6;--accent-gold:#f1c40f}.sidebar-toggle-btn{align-items:center;background:linear-gradient(135deg,#90dd80,#75c666);border:none;border-radius:50%;box-shadow:0 4px 20px rgba(144,221,128,.4);color:#1a1a1a;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;left:20px;position:fixed;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:1200}.sidebar-toggle-btn:hover{box-shadow:0 6px 25px rgba(144,221,128,.6);-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.sidebar-toggle-btn.open{background:linear-gradient(135deg,#ff6b6b,#ee5a24);left:340px;left:calc(var(--sidebar-width) + 20px)}.toggle-icon{transition:all .3s ease}.sidebar-overlay{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:950}.chat-sidebar-fixed{background:linear-gradient(180deg,#1a1a1a,#2a2a2a);border-right:1px solid hsla(0,0%,100%,.1);box-shadow:2px 0 20px rgba(0,0,0,.3);display:flex;flex-direction:column;height:calc(100vh - 120px);left:-320px;left:calc(var(--sidebar-width)*-1);overflow:hidden;position:fixed;top:70px;transition:left .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);width:320px;width:var(--sidebar-width);z-index:1100}.chat-sidebar-fixed.open{left:0}.sidebar-header{background:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.1);justify-content:space-between;padding:20px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:12px}.logo-icon{font-size:1.5rem}.logo-text{color:#e0e0e0;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.sidebar-close-btn{background:none;border:none;border-radius:4px;color:#a0a0a0;cursor:pointer;font-size:1.2rem;padding:8px;transition:all .2s ease}.sidebar-close-btn:hover{background:hsla(0,0%,100%,.1);color:#e0e0e0}.sidebar-content{flex:1 1;overflow-y:auto;padding:8px}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.sidebar-section{margin-bottom:24px}.section-title{align-items:center;background:hsla(0,0%,100%,.05);border-left:3px solid #b3f89e;border-left:3px solid var(--accent-green);border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:8px 12px}.section-icon{font-size:1rem}.section-text{color:#e0e0e0;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.chat-item-wrapper,.chat-list{display:flex;flex-direction:column;gap:4px}.chat-item{border-radius:12px;color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:all .2s ease}.chat-item:hover{background:hsla(0,0%,100%,.05)}.chat-item.active{background:rgba(144,221,128,.1);border:1px solid rgba(144,221,128,.2)}.chat-item.locked{border:1px solid hsla(0,0%,53%,.2);cursor:pointer;opacity:.7}.chat-item.locked:hover{background:hsla(0,0%,100%,.03);border-color:rgba(243,165,70,.3);opacity:.9;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.chat-item-content{gap:12px;padding:12px;position:relative}.chat-icon,.chat-item-content{align-items:center;display:flex}.chat-icon{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.2);flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.chat-name{align-items:center;color:#e0e0e0;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:2px}.chat-desc,.chat-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-desc{color:#a0a0a0;font-size:.75rem;line-height:1.2}.chat-item.locked .chat-name{color:#b0b0b0}.chat-item.locked .chat-desc{color:#888;font-style:italic}.item-badge{background:#b3f89e;background:var(--accent-green);border-radius:4px;color:#1a1a1a;font-size:.6rem;font-weight:600;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.item-badge.locked{background:#666;color:#ccc}.premium-badge{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(135deg,#f1c40f,#f3a546);background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));border-radius:4px;box-shadow:0 2px 4px rgba(241,196,15,.3);color:#1a1a1a;font-size:.6rem;font-weight:700;letter-spacing:.3px;padding:2px 6px;text-transform:uppercase}.sidebar-history-btn{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;font-size:.8rem;gap:8px;margin-left:48px;padding:8px 12px;position:relative;text-align:left;transition:all .2s ease}.sidebar-history-btn.unlocked{background:rgba(179,248,158,.05);border-color:rgba(179,248,158,.2);color:#b3f89e;color:var(--accent-green)}.sidebar-history-btn.unlocked:hover{background:rgba(179,248,158,.1);border-color:rgba(179,248,158,.3);-webkit-transform:translateX(4px);transform:translateX(4px)}.sidebar-history-btn.locked{border-color:hsla(0,0%,53%,.2);color:#888;cursor:not-allowed}.sidebar-history-btn.locked:hover{background:rgba(243,165,70,.05);border-color:rgba(243,165,70,.3);color:#f3a546;color:var(--accent-orange);cursor:pointer;-webkit-transform:translateX(2px);transform:translateX(2px)}.sidebar-history-btn.active{background:rgba(179,248,158,.15);border-color:rgba(179,248,158,.4);color:#b3f89e;color:var(--accent-green)}.history-icon{flex-shrink:0;font-size:.9rem}.history-text{font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-indicator{color:#888;flex-shrink:0;font-size:.9rem;transition:all .2s ease}.chat-item.locked:hover .lock-indicator{color:#f3a546;color:var(--accent-orange);-webkit-transform:scale(1.1);transform:scale(1.1)}.active-dot{background:#90dd80;border-radius:50%;box-shadow:0 0 8px rgba(144,221,128,.5);height:6px;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:6px}.sidebar-footer{background:rgba(0,0,0,.2);border-top:1px solid hsla(0,0%,100%,.1);margin-bottom:0;padding:16px 16px 20px}.user-section{gap:10px;margin-bottom:12px}.user-avatar,.user-section{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#90dd80,#75c666);border-radius:50%;color:#1a1a1a;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-name{color:#e0e0e0;font-size:.85rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-credits{align-items:center;color:#b0b0b0;display:flex;font-size:.75rem;gap:4px}.credits-icon{font-size:.8rem}.credits-count{color:#90dd80;font-weight:600}.subscription-info{align-items:center;display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:20px;font-size:.75rem;gap:6px;padding:6px 12px}.status-badge.active{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.2);color:#22c55e}.status-badge.trialing{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2);color:#3b82f6}.status-badge.inactive{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444}.status-icon{font-size:.8rem}.status-text{font-size:.7rem}.plan-info{display:flex;flex-direction:column;gap:4px;text-align:center}.plan-text{color:#b0b0b0;font-size:.7rem}.plan-feature{background:rgba(179,248,158,.1);border:1px solid rgba(179,248,158,.2);border-radius:10px;color:#b3f89e;color:var(--accent-green);font-size:.65rem;font-weight:600;padding:2px 8px}.plan-feature.premium{background:rgba(241,196,15,.1);border-color:rgba(241,196,15,.2);color:#f1c40f;color:var(--accent-gold)}.upgrade-notice{background:rgba(243,165,70,.1);border:1px solid rgba(243,165,70,.2);border-radius:8px;margin-bottom:4px;padding:6px 8px;text-align:center}.upgrade-text{color:#f3a546;color:var(--accent-orange);font-size:.65rem;font-weight:500;line-height:1.2}.upgrade-notice:not(:last-child){margin-bottom:4px}@media (max-width:1024px){:root{--sidebar-width:300px}}@media (max-width:768px){:root{--sidebar-width:280px}.sidebar-toggle-btn{font-size:1.1rem;height:45px;left:15px;width:45px}.sidebar-toggle-btn.open{left:335px;left:calc(var(--sidebar-width) + 15px)}.chat-sidebar-fixed{height:calc(100vh - 110px);width:320px;width:var(--sidebar-width)}.sidebar-footer{padding-bottom:25px}.sidebar-history-btn{font-size:.75rem;margin-left:44px;padding:6px 10px}.history-text{font-size:.7rem}.section-title{padding:6px 10px}.section-text{font-size:.8rem}.premium-badge{font-size:.55rem;padding:1px 4px}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.chat-item,.sidebar-history-btn{-webkit-animation:slideInLeft .3s ease;animation:slideInLeft .3s ease;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-delay:calc(var(--index, 0)*.05s);animation-delay:calc(var(--index, 0)*.05s)}.chat-item:first-child,.sidebar-history-btn:first-child{--index:0}.chat-item:nth-child(2),.sidebar-history-btn:nth-child(2){--index:1}.chat-item:nth-child(3),.sidebar-history-btn:nth-child(3){--index:2}.chat-item:nth-child(4),.sidebar-history-btn:nth-child(4){--index:3}.chat-item:nth-child(5),.sidebar-history-btn:nth-child(5){--index:4}.chat-item:nth-child(6),.sidebar-history-btn:nth-child(6){--index:5}.chat-item:nth-child(7),.sidebar-history-btn:nth-child(7){--index:6}@media (prefers-reduced-motion:reduce){.chat-item,.chat-sidebar-fixed,.premium-badge,.sidebar-history-btn,.sidebar-overlay,.sidebar-toggle-btn{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.page-container.strong-container{font-family:Roboto,sans-serif}.strong-container .chat-input .action-button,.strong-container .chat-input input,.strong-container .chat-messages,.strong-container .chat-window,.strong-container .loading-message,.strong-container .message,.strong-container .message-content{font-family:Roboto,sans-serif!important}.strong-container .message-content{padding:10px 30px}@media (max-width:650px){.strong-container .message-content{padding:8px 20px}}.strong-container .chat-messages::-webkit-scrollbar{display:none}.strong-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.strong-container .user-message{background-color:#f3a546!important;background-image:none!important;border:none!important;color:#1a1a1a!important}.strong-container .user-message *{background:transparent!important}.strong-container .user-message .message-content{background:transparent!important;color:#1a1a1a!important}.strong-container .spinner{border:3px solid #d4deec;border-top-color:#f3a546}.strong-container .scroll-to-bottom-button{border:1px solid #555}.strong-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.chat-header{margin-bottom:20px;margin-top:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.chat-header-background{box-shadow:0 8px 25px rgba(0,0,0,.15);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-header-background,.chat-header-background:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.chat-header-background:before{background:hsla(0,0%,100%,.1);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.chat-header-bar{align-items:center;display:flex;justify-content:space-between;min-height:60px;padding:12px 20px;position:relative;transition:all .2s ease;z-index:3}.chat-header-bar-content{align-items:center;display:flex;flex:1 1;gap:12px}.chat-icon-small{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:1.8rem;transition:all .3s ease}.chat-basic-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-title-small{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.2;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chat-status-mini{align-items:center;display:flex;gap:8px;margin-top:2px}.credits-mini{color:hsla(0,0%,100%,.9);font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.status-mini{font-size:.9rem}.plan-mini{color:hsla(0,0%,100%,.8);font-size:.75rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:capitalize}.toggle-header-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;transition:all .3s ease;width:36px}.toggle-header-button:hover{background:hsla(0,0%,100%,.25);box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.toggle-arrow{font-weight:700;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.toggle-arrow.up{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.toggle-arrow.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.chat-header-content{align-items:flex-start;display:flex;justify-content:space-between;padding:0 20px 15px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.chat-header-content.visible{margin-top:0;max-height:200px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.chat-header-content.hidden{margin-top:-15px;max-height:0;opacity:0;overflow:hidden;padding-bottom:0;padding-top:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.chat-header-main{align-items:center;display:flex;flex:1 1;gap:16px}.chat-icon-large{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;-webkit-filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:3rem}.chat-info{flex:1 1;min-width:0}.chat-title{color:#fff;font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.chat-description{color:hsla(0,0%,100%,.9);font-size:1rem;font-weight:500;line-height:1.4;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chat-header-stats{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.credits-display{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:25px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:8px;padding:8px 12px}.credits-icon{-webkit-animation:sparkle 2s ease-in-out infinite;animation:sparkle 2s ease-in-out infinite;font-size:1.2rem}@-webkit-keyframes sparkle{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes sparkle{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}.credits-info{align-items:flex-end;display:flex;flex-direction:column;line-height:1}.credits-amount{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.credits-label{color:hsla(0,0%,100%,.8);font-size:.75rem}.subscription-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);display:flex;gap:6px;padding:6px 10px}.status-indicator{font-size:.9rem}.status-indicator.active{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.status-text{color:#fff;font-size:.8rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.plan-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:15px;padding:4px 8px}.plan-text{color:#fff;font-size:.75rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);text-transform:capitalize}.chat-features{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 15px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2}.feature-badge{-webkit-animation:slideInUp .5s ease;animation:slideInUp .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:500;padding:6px 12px;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s ease}.feature-badge:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.feature-badge:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.feature-badge:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.feature-badge:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.feature-badge:hover{background:hsla(0,0%,100%,.3);box-shadow:0 4px 12px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.chat-header.collapsed .chat-header-background,.chat-header.expanded .chat-header-background{padding-bottom:0}.chat-header.collapsed .chat-icon-small{font-size:2rem}.chat-header.collapsed .chat-title-small{font-size:1.3rem}@media (max-width:768px){.chat-header{margin-top:10px}.chat-header-background{border-radius:12px}.chat-header-bar{min-height:50px;padding:10px 16px}.chat-icon-small{font-size:1.5rem}.chat-title-small{font-size:1rem}.toggle-header-button{font-size:.8rem;height:32px;width:32px}.chat-header-content{padding:0 16px 12px}.chat-header-content.visible{max-height:250px}.chat-header-main{align-items:stretch;flex-direction:column;gap:12px}.chat-icon-large{align-self:center;font-size:2.5rem}.chat-title{font-size:1.5rem;text-align:center}.chat-description{font-size:.9rem;text-align:center}.chat-header-stats{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:12px}.credits-display{padding:6px 10px}.credits-amount,.credits-icon{font-size:1rem}.credits-label{font-size:.7rem}.status-text{font-size:.75rem}.chat-features{gap:6px;padding:0 16px 12px}.feature-badge{font-size:.7rem;padding:4px 8px}.credits-mini{font-size:.75rem}.status-mini{font-size:.8rem}.plan-mini{font-size:.7rem}.chat-header.collapsed .chat-icon-small{font-size:1.6rem}.chat-header.collapsed .chat-title-small{font-size:1.1rem}}@media (max-width:480px){.chat-header-bar{min-height:45px;padding:8px 12px}.chat-icon-small{font-size:1.3rem}.chat-title-small{font-size:.9rem}.toggle-header-button{font-size:.7rem;height:28px;width:28px}.chat-header-content{padding:0 12px 10px}.chat-header-main{gap:10px}.chat-icon-large{font-size:2rem}.chat-title{font-size:1.25rem}.chat-description{font-size:.8rem}.chat-header-stats{gap:6px}.credits-display{padding:5px 8px}.credits-amount{font-size:.9rem}.feature-badge{font-size:.65rem;padding:3px 6px}.chat-features{padding:0 12px 10px}.credits-mini{font-size:.7rem}.status-mini{font-size:.75rem}.plan-mini{font-size:.65rem}}.page-with-sidebar .chat-header{max-width:calc(100vw - 300px)}@media (max-width:768px){.page-with-sidebar .chat-header{max-width:100%}}@media (prefers-color-scheme:dark){.chat-header-background:before{background:hsla(0,0%,100%,.05)}.credits-display,.feature-badge,.plan-status,.subscription-status,.toggle-header-button{border-color:hsla(0,0%,100%,.1)}}.chat-header.expanded .chat-features .feature-badge{-webkit-animation:slideInUp .5s ease;animation:slideInUp .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.chat-header.collapsed .chat-features{display:none}.chat-header-background{transition:all .4s cubic-bezier(.4,0,.2,1)}.chat-header.collapsed .chat-header-bar:hover{background:hsla(0,0%,100%,.05);border-radius:12px;transition:background .2s ease}.chat-header.collapsed .chat-header-bar{cursor:pointer;transition:all .2s ease}.chat-header.collapsed .chat-header-bar:hover .chat-icon-small{-webkit-filter:brightness(1.1);filter:brightness(1.1);-webkit-transform:scale(1.05) rotate(2deg);transform:scale(1.05) rotate(2deg)}.chat-header.collapsed .chat-header-bar:active{background:hsla(0,0%,100%,.1);-webkit-transform:scale(.98);transform:scale(.98)}.chat-header.collapsed .chat-header-bar:after{background:hsla(0,0%,100%,.02);border-radius:12px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.chat-header.collapsed .chat-header-bar:hover:after{opacity:1}.chat-layout{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);color:#e0e0e0;display:flex;min-height:100vh}.chat-main-content{flex:1 1;margin-left:280px;padding-top:70px;transition:margin-left .3s ease}.chat-container{box-sizing:border-box;margin:0 auto;max-width:800px;padding:0 20px;width:100%}.chat-content{position:relative;z-index:1}@media (max-width:1024px){.chat-main-content{margin-left:260px}}@media (max-width:768px){.chat-main-content{margin-left:0;padding-top:60px}.chat-container{padding:0 16px}}@media (max-width:480px){.chat-container{padding:0 12px}}.page-container.truth-container{font-family:Roboto,sans-serif}.truth-container .chat-input .action-button,.truth-container .chat-input input,.truth-container .chat-messages,.truth-container .chat-window,.truth-container .loading-message,.truth-container .message,.truth-container .message-content{font-family:Roboto,sans-serif!important}.truth-container .message-content{padding:10px 30px}@media (max-width:650px){.truth-container .message-content{padding:8px 20px}}.truth-container .chat-messages::-webkit-scrollbar{display:none}.truth-container .chat-messages{-ms-overflow-style:none;scrollbar-width:none}.truth-container .user-message{background-color:#9cfd89!important;background-image:none!important;border:none!important;color:#1a1a1a!important}.truth-container .user-message *{background:transparent!important}.truth-container .user-message .message-content{background:transparent!important;color:#1a1a1a!important}.truth-container .spinner{border:3px solid #d4deec;border-top-color:#a8fa82}.truth-container .scroll-to-bottom-button{border:1px solid #555}.truth-container .scroll-to-bottom-button:hover{background-color:#444;color:#e0e0e0}.psico-container{background:linear-gradient(135deg,#121212,#1a1a1a);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:60px auto 0;max-width:1400px;min-height:calc(100vh - 80px);overflow:hidden;padding:100px 20px 20px;position:relative}.loading-container{min-height:300px}.loading-spinner{border:4px solid rgba(156,39,176,.1);border-top-color:#9c27b0;height:40px;margin-bottom:20px;width:40px}.error-container{background-color:rgba(211,47,47,.1);border:1px solid #d32f2f;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.error-message{color:#ff5252;margin-bottom:15px}.psico-title{-webkit-text-fill-color:transparent;-webkit-animation:titleFade 1s ease-out forwards;animation:titleFade 1s ease-out forwards;background:linear-gradient(45deg,#9c27b0,#e1bee7);-webkit-background-clip:text;color:#fff;font-size:2rem;margin-bottom:1rem;text-align:center}.psico-subtitle{-webkit-animation:subtitleFade 1s ease-out .3s forwards;animation:subtitleFade 1s ease-out .3s forwards;color:#b0b0b0;font-size:1.2rem;margin-bottom:2rem;opacity:0;text-align:center}.psico-buttons{-webkit-animation:buttonsFade 1s ease-out .6s forwards;animation:buttonsFade 1s ease-out .6s forwards;flex-wrap:wrap;gap:20px;opacity:0}.psico-button,.psico-buttons{display:flex;justify-content:center}.psico-button{align-items:center;background:transparent;border:2px solid #9c27b0;border-radius:8px;color:#e0e0e0;cursor:pointer;flex:1 1;font-weight:600;gap:.5rem;letter-spacing:1px;padding:.8rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.psico-button:hover:not(:disabled){background:#7b1fa2;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-button:disabled{cursor:not-allowed;opacity:.5}.psico-button-main{background:linear-gradient(135deg,#673ab7,#9c27b0);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;cursor:pointer;flex:1 1;font-weight:600;letter-spacing:1px;padding:.8rem 1.5rem;text-align:center;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.psico-button-main:hover:not(:disabled){box-shadow:0 6px 20px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-button-main:disabled{cursor:not-allowed;opacity:.5}.psico-test-container{margin:0 auto;max-width:1200px;min-height:calc(100vh - 180px);padding:20px;position:relative;width:100%}.psico-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:3fr 1fr;margin:0 auto;max-width:1400px;min-height:0;width:100%}.psico-right-column{display:flex;flex-direction:column;gap:15px;max-width:300px;min-height:0;width:100%}.psico-respuestas{grid-gap:15px;background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.2);border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:grid;gap:15px;grid-template-columns:repeat(2,1fr);height:auto;max-height:calc(100vh - 300px);overflow-y:auto;padding:10px;transition:all .3s ease;width:100%}.psico-respuestas:hover{border-color:rgba(156,39,176,.4);box-shadow:0 6px 25px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.psico-pregunta{align-items:center;background-color:hsla(0,0%,100%,.05);border-radius:8px;display:flex;flex-direction:column;height:auto;min-height:60px;padding:8px;width:100%}.psico-pregunta p{word-wrap:break-word;color:#e0e0e0;font-size:.8rem;margin:0 0 4px;overflow-wrap:break-word;text-align:center;width:100%}.psico-opciones-fila{display:flex;flex-wrap:nowrap;gap:4px;justify-content:space-between;margin-top:auto;width:100%}.psico-opcion{align-items:center;background-color:transparent;border:1.5px solid #9c27b0;border-radius:50%;color:#9c27b0;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;margin:0;min-height:22px;min-width:22px;padding:0;transition:all .3s ease;width:22px}.psico-opcion:hover:not(.selected){background-color:rgba(156,39,176,.1);-webkit-transform:scale(1.1);transform:scale(1.1)}.psico-opcion.selected{background-color:#9c27b0;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.psico-slider{align-items:center;background:rgba(156,39,176,.05);border:1px solid rgba(156,39,176,.2);border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;justify-content:center;min-height:0;padding:20px;position:relative}.psico-slider:hover{border-color:rgba(156,39,176,.4);box-shadow:0 6px 25px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.psico-instrucciones{border-radius:10px;height:100%;max-width:100%;object-fit:contain;transition:all .3s ease;width:100%}.psico-slider-arrow{align-items:center;background-color:#9c27b0;border:none;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:40px;z-index:2}.psico-slider-arrow:hover{background-color:#7b1fa2;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.psico-slider-arrow.left{left:-20px}.psico-slider-arrow.right{right:-20px}@-webkit-keyframes buttonsFade{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes buttonsFade{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes contentFade{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes contentFade{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1024px){.psico-content{grid-template-columns:2.5fr 1fr}.psico-right-column{max-width:280px}}@media (max-width:768px){.psico-content{gap:15px;grid-template-columns:1fr}.psico-slider{height:auto;min-height:50vh;order:-1}.psico-right-column{height:auto;max-height:calc(50vh - 100px);max-width:none;overflow-y:auto}.psico-respuestas{gap:10px;grid-template-columns:1fr;max-height:calc(50vh - 150px);padding:8px}.psico-pregunta{min-height:50px;padding:6px}.psico-opcion{font-size:.7rem;height:20px;min-height:20px;min-width:20px;width:20px}}@media (max-width:480px){.psico-content{gap:10px}.psico-slider{min-height:35vh}.psico-right-column{max-height:calc(65vh - 100px)}.psico-respuestas{grid-template-columns:1fr;max-height:calc(65vh - 150px)}.psico-pregunta{padding:6px}.psico-opcion{font-size:.7rem;height:24px;min-height:24px;min-width:24px;width:24px}}#screenshot-blocker{align-items:center;background:#1a1a1a;display:none;height:100%;justify-content:center;left:0;padding:20px;text-align:center;top:0;width:100%;z-index:9999}#screenshot-blocker,.psico-timer{color:#fff;font-size:1.2rem;position:fixed}.psico-timer{-webkit-animation:timerPulse 2s infinite;animation:timerPulse 2s infinite;background:linear-gradient(135deg,#9c27b0,#7b1fa2);border-radius:20px;box-shadow:0 4px 15px rgba(156,39,176,.3);font-weight:600;padding:10px 20px;right:20px;top:20px;z-index:100}@-webkit-keyframes timerPulse{0%{box-shadow:0 4px 15px rgba(156,39,176,.3)}50%{box-shadow:0 4px 25px rgba(156,39,176,.5)}to{box-shadow:0 4px 15px rgba(156,39,176,.3)}}@keyframes timerPulse{0%{box-shadow:0 4px 15px rgba(156,39,176,.3)}50%{box-shadow:0 4px 25px rgba(156,39,176,.5)}to{box-shadow:0 4px 15px rgba(156,39,176,.3)}}.psico-navigation{display:flex;gap:10px;justify-content:space-between;margin-top:auto}.psico-navigation .psico-button,.psico-navigation .psico-button-main{box-sizing:border-box;flex:1 1;font-size:.85rem;min-width:120px;overflow:hidden;padding:.8rem 1.5rem;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.psico-navigation{flex-direction:column;gap:8px}.psico-navigation .psico-button,.psico-navigation .psico-button-main{font-size:.8rem;min-width:100%;padding:.8rem 1.5rem}}.psico-button-exit{background:transparent!important;border:2px solid #f44336!important;box-shadow:0 4px 15px rgba(244,67,54,.3);color:#f44336!important;transition:all .3s ease}.psico-button-exit:hover:not(:disabled){background:#f44336!important;box-shadow:0 6px 20px rgba(244,67,54,.4);color:#fff!important;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-button-exit:disabled{cursor:not-allowed;opacity:.5}.psico-landing-container{background:linear-gradient(135deg,#121212,#1a1a1a);color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:calc(100vh - 100px);overflow:hidden;padding:2rem;position:relative}.psico-landing-header{margin-bottom:3rem;position:relative;text-align:center;z-index:2}.psico-landing-title{-webkit-text-fill-color:transparent;-webkit-animation:titleFade 1s ease-out forwards;animation:titleFade 1s ease-out forwards;background:linear-gradient(45deg,#9c27b0,#e1bee7);-webkit-background-clip:text;color:#fff;font-size:3rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(156,39,176,.5)}.psico-landing-subtitle{-webkit-animation:subtitleFade 1s ease-out .3s forwards;animation:subtitleFade 1s ease-out .3s forwards;color:#b0b0b0;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:800px;opacity:0}.psico-landing-content{padding:0 1rem;position:relative;z-index:2}.psico-landing-grid{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:800px}.psico-landing-card{-webkit-animation:cardFade .6s ease-out forwards;animation:cardFade .6s ease-out forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(156,39,176,.1);border:2px solid rgba(156,39,176,.2);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.3);opacity:0;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.psico-landing-card:first-child{-webkit-animation-delay:.2s;animation-delay:.2s}.psico-landing-card:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.psico-landing-card:nth-child(3){-webkit-animation-delay:.6s;animation-delay:.6s}.psico-landing-card:nth-child(4){-webkit-animation-delay:.8s;animation-delay:.8s}.psico-landing-card:before{background:radial-gradient(circle,rgba(156,39,176,.1) 0,transparent 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .6s ease;width:200%;z-index:0}.psico-landing-card:hover{background:rgba(156,39,176,.15);border-color:rgba(156,39,176,.5);box-shadow:0 12px 40px rgba(156,39,176,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.psico-landing-card:hover:before{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.psico-landing-icon{color:#9c27b0;font-size:2rem;margin-bottom:1rem;position:relative;text-shadow:0 0 10px rgba(156,39,176,.5);z-index:1}.psico-landing-card h2{color:#fff;font-size:1.8rem;margin:.5rem 0;position:relative;z-index:1}.psico-landing-card p{color:#b0b0b0;line-height:1.6;margin:1rem 0;position:relative;z-index:1}.psico-landing-button{background:#9c27b0;border:none;border-radius:30px;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:2px;overflow:hidden;padding:1rem 2rem;position:relative;text-transform:uppercase;transition:all .3s ease;z-index:1}.psico-landing-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.psico-landing-button:hover{background:#7b1fa2;box-shadow:0 6px 20px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-landing-button:hover:before{left:100%}.psico-neural-bg{bottom:0;left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.psico-neural-node{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#9c27b0;border-radius:50%;box-shadow:0 0 10px rgba(156,39,176,.5);height:4px;position:absolute;width:4px}.psico-neural-line{-webkit-animation:lineFlow 3s infinite;animation:lineFlow 3s infinite;background:linear-gradient(90deg,transparent,#9c27b0,transparent);box-shadow:0 0 20px rgba(156,39,176,.3);height:1px;position:absolute}@-webkit-keyframes subtitleFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes subtitleFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes cardFade{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes cardFade{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes lineFlow{0%{opacity:0;width:0}50%{opacity:.5;width:100%}to{opacity:0;width:0}}@keyframes lineFlow{0%{opacity:0;width:0}50%{opacity:.5;width:100%}to{opacity:0;width:0}}.psico-message{-webkit-animation:messageAppear .3s ease-out forwards;animation:messageAppear .3s ease-out forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.3);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.2);color:#fff;margin:20px auto;max-width:600px;padding:15px 20px;text-align:center}@-webkit-keyframes messageAppear{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.psico-landing-container{padding:1rem}.psico-landing-title{font-size:2.5rem}.psico-landing-subtitle{font-size:1.1rem}.psico-landing-card{padding:1.5rem}.psico-landing-button{width:100%}}.test-agente-landing{align-items:center!important;background:#0f0f0f!important;background-color:transparent!important;background-image:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#242424 50%,#1a1a1a 75%,#0f0f0f)!important;color:#f0f0f0!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:80px 20px 40px!important;position:relative!important;width:100%!important;z-index:1!important}.test-agente-landing:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.test-agente-landing .landing-header{margin-bottom:60px!important;max-width:800px!important;opacity:1!important;position:relative!important;text-align:center!important;visibility:visible!important;width:100%!important;z-index:100!important}.test-agente-landing .landing-header h1{color:#fff!important;display:inline-block!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:20px!important;position:relative!important;text-shadow:0 0 20px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.1)!important;text-transform:uppercase!important}.test-agente-landing .landing-header h1:after{-webkit-animation:expandLine 1.5s ease-out forwards!important;animation:expandLine 1.5s ease-out forwards!important;background:linear-gradient(90deg,transparent,#fff,transparent)!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:0!important}.test-agente-landing .landing-header p{color:#b0b0b0!important;font-size:1.2rem!important;font-weight:300!important;letter-spacing:.5px!important;line-height:1.6!important;margin:0 auto!important;max-width:600px!important}.test-agente-landing .test-modes-container{grid-gap:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:30px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:1200px!important;padding:40px!important;position:relative!important;width:100%!important;z-index:10!important}.test-agente-landing .test-mode-card{align-items:center!important;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:300px!important;opacity:1!important;overflow:hidden!important;padding:40px 30px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;z-index:11!important}.test-agente-landing .test-mode-card:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%)!important;content:""!important;height:300%!important;left:-100%!important;opacity:0!important;position:absolute!important;top:-100%!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:all .6s ease!important;width:300%!important}.test-agente-landing .test-mode-card:hover:before{left:-50%!important;opacity:1!important;top:-50%!important}.test-agente-landing .test-mode-card:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 30px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.2)!important;-webkit-transform:translateY(-10px) scale(1.03)!important;transform:translateY(-10px) scale(1.03)!important}.test-agente-landing .mode-icon{align-items:center!important;background:linear-gradient(135deg,#333,#1a1a1a)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 -2px 5px rgba(0,0,0,.2)!important;display:flex!important;font-size:4rem!important;height:100px!important;justify-content:center!important;margin-bottom:25px!important;position:relative!important;transition:all .3s ease!important;width:100px!important}.test-agente-landing .test-mode-card:hover .mode-icon{background:linear-gradient(135deg,#444,#2a2a2a)!important;box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.1)!important;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important}.test-agente-landing .test-mode-card h3{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:15px!important;position:relative!important;z-index:2!important}.test-agente-landing .test-mode-card p{color:#a0a0a0!important;font-size:1rem!important;line-height:1.6!important;position:relative!important;transition:color .3s ease!important;z-index:2!important}.test-agente-landing .test-mode-card:hover p{color:#d0d0d0!important}.test-agente-landing .ta-btn{align-items:center!important;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;border:2px solid hsla(0,0%,100%,.2)!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;letter-spacing:2px!important;margin-top:20px!important;overflow:hidden!important;padding:15px 50px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;z-index:10!important}.test-agente-landing .ta-btn:after{background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;transition:all .5s ease!important;width:0!important}.test-agente-landing .ta-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.test-agente-landing .ta-btn:hover:after{height:300px!important;width:300px!important}.test-agente-landing .test-mode-card{-webkit-animation:fadeInUp .6s ease-out forwards!important;animation:fadeInUp .6s ease-out forwards!important}.test-agente-landing .test-mode-card:first-child{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.test-agente-landing .test-mode-card:nth-child(2){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.test-agente-landing .test-mode-card:nth-child(3){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.test-agente-landing .test-mode-card:nth-child(4){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@media (max-width:768px){.test-agente-landing{padding:60px 15px 30px!important}.test-agente-landing .landing-header h1{font-size:2.5rem!important}.test-agente-landing .landing-header p{font-size:1rem!important}.test-agente-landing .test-modes-container{gap:20px!important;padding:20px!important}.test-agente-landing .test-mode-card{min-height:250px!important;padding:30px 20px!important}.test-agente-landing .mode-icon{font-size:3rem!important;height:80px!important;width:80px!important}.test-agente-landing .ta-btn{font-size:1rem!important;padding:12px 30px!important}}.test-agente-landing *{visibility:visible!important}.test-agente-landing .test-mode-card,.test-agente-landing .test-modes-container{display:grid!important;opacity:1!important;visibility:visible!important}:root{--accent-yellow:#f59e0b;--gradient-fail:linear-gradient(135deg,#ef4444,#dc2626)}.ta-result-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);color:#fff;font-family:Inter,sans-serif;padding:140px 20px 40px}.ta-result-container:before{-webkit-animation:backgroundShift 8s ease-in-out infinite;animation:backgroundShift 8s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,197,94,.1) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@-webkit-keyframes backgroundShift{0%,to{opacity:.5;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.8;-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg)}}@keyframes backgroundShift{0%,to{opacity:.5;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.8;-webkit-transform:scale(1.1) rotate(2deg);transform:scale(1.1) rotate(2deg)}}.ta-result-card{-webkit-animation:cardSlideIn .8s cubic-bezier(.4,0,.2,1);animation:cardSlideIn .8s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(26,26,26,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);overflow:hidden;padding:40px;position:relative}.ta-result-card:before{-webkit-animation:borderGlow 2s ease-in-out infinite;animation:borderGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ta-result-card.passed:before{background:linear-gradient(135deg,#22c55e,#16a34a);background:var(--gradient-success)}.ta-result-card.failed:before{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-fail)}@-webkit-keyframes borderGlow{0%,to{opacity:.5;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}}@keyframes borderGlow{0%,to{opacity:.5;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}}@-webkit-keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(50px) scale(.9);transform:translateY(50px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes cardSlideIn{0%{opacity:0;-webkit-transform:translateY(50px) scale(.9);transform:translateY(50px) scale(.9)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.ta-result-title{-webkit-text-fill-color:transparent;-webkit-animation:titleGlow 3s ease-in-out infinite;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:30px;position:relative}@-webkit-keyframes titleGlow{0%,to{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.2);filter:brightness(1.2)}}@keyframes titleGlow{0%,to{-webkit-filter:brightness(1);filter:brightness(1)}50%{-webkit-filter:brightness(1.2);filter:brightness(1.2)}}.ta-result-circle{-webkit-animation:circleEntrance 1s cubic-bezier(.68,-.55,.265,1.55) .3s both;animation:circleEntrance 1s cubic-bezier(.68,-.55,.265,1.55) .3s both;background:hsla(0,0%,100%,.05);border:3px solid transparent;margin:0 auto 30px;overflow:hidden}@-webkit-keyframes circleEntrance{0%{opacity:0;-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes circleEntrance{0%{opacity:0;-webkit-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)}to{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.ta-result-circle:before{-webkit-animation:circleRotate 2s linear infinite;animation:circleRotate 2s linear infinite;background:conic-gradient(from 0deg,transparent 0deg,#3b82f6 180deg,transparent 1turn);background:conic-gradient(from 0deg,transparent 0deg,var(--accent-blue) 180deg,transparent 1turn);border-radius:50%;bottom:-3px;content:"";left:-3px;position:absolute;right:-3px;top:-3px;z-index:-1}.ta-result-circle.passed:before{background:conic-gradient(from 0deg,#22c55e 0deg,#16a34a 180deg,#22c55e 1turn);background:conic-gradient(from 0deg,var(--accent-green) 0deg,#16a34a 180deg,var(--accent-green) 1turn);box-shadow:0 0 30px rgba(34,197,94,.4);box-shadow:var(--shadow-glow-green)}.ta-result-circle.failed:before{background:conic-gradient(from 0deg,#ef4444 0deg,#dc2626 180deg,#ef4444 1turn);background:conic-gradient(from 0deg,var(--accent-red) 0deg,#dc2626 180deg,var(--accent-red) 1turn);box-shadow:0 0 30px rgba(239,68,68,.4);box-shadow:var(--shadow-glow-red)}@-webkit-keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes circleRotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ta-result-percentage{-webkit-animation:counterUp 2s ease-out .5s both;animation:counterUp 2s ease-out .5s both;font-size:3rem;font-weight:800;line-height:1;position:relative;z-index:2}.ta-result-circle.passed .ta-result-percentage{color:#22c55e;color:var(--accent-green);text-shadow:0 0 20px rgba(34,197,94,.5)}.ta-result-circle.failed .ta-result-percentage{color:#ef4444;color:var(--accent-red);text-shadow:0 0 20px rgba(239,68,68,.5)}@-webkit-keyframes counterUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes counterUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.ta-result-status{-webkit-animation:statusBounce .6s cubic-bezier(.68,-.55,.265,1.55) 1s both;animation:statusBounce .6s cubic-bezier(.68,-.55,.265,1.55) 1s both;font-size:1.2rem;font-weight:600;margin-top:8px;position:relative;z-index:2}.ta-result-circle.passed .ta-result-status{color:#22c55e;color:var(--accent-green)}.ta-result-circle.failed .ta-result-status{color:#ef4444;color:var(--accent-red)}@-webkit-keyframes statusBounce{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes statusBounce{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ta-result-details{background:hsla(0,0%,100%,.03);border-radius:16px;margin:30px 0;overflow:hidden;padding:24px;position:relative;text-align:left}.ta-result-details:before{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.ta-result-row{-webkit-animation:rowSlideIn .5s ease-out both;animation:rowSlideIn .5s ease-out both;font-size:1.1rem;opacity:0;padding:12px 0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}.ta-result-row:first-child{-webkit-animation-delay:1.2s;animation-delay:1.2s}.ta-result-row:nth-child(2){-webkit-animation-delay:1.3s;animation-delay:1.3s}.ta-result-row:nth-child(3){-webkit-animation-delay:1.4s;animation-delay:1.4s}.ta-result-row:nth-child(4){-webkit-animation-delay:1.5s;animation-delay:1.5s}.ta-result-row:nth-child(5){-webkit-animation-delay:1.6s;animation-delay:1.6s}.ta-result-row:nth-child(6){-webkit-animation-delay:1.7s;animation-delay:1.7s}.ta-result-row:nth-child(7){-webkit-animation-delay:1.8s;animation-delay:1.8s}@-webkit-keyframes rowSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes rowSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.ta-result-value{font-weight:700;position:relative;transition:all .3s ease}.ta-result-value:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.ta-result-value.correct{color:#22c55e;color:var(--accent-green);text-shadow:0 0 10px rgba(34,197,94,.3)}.ta-result-value.incorrect{color:#ef4444;color:var(--accent-red);text-shadow:0 0 10px rgba(239,68,68,.3)}.ta-result-value.neutral{color:#f59e0b;color:var(--accent-yellow);text-shadow:0 0 10px rgba(245,158,11,.3)}.ta-result-actions{-webkit-animation:actionsSlideUp .6s ease-out 2s both;animation:actionsSlideUp .6s ease-out 2s both;gap:20px;margin-top:40px;opacity:0}@-webkit-keyframes actionsSlideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes actionsSlideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.ta-result-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.1);color:var(--text-primary);overflow:hidden;padding:16px 32px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ta-result-actions button:before{background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:0}.ta-result-actions button:hover:before{height:300px;width:300px}.ta-result-actions button:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(59,130,246,.2),inset 0 1px 0 hsla(0,0%,100%,.2);-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02)}.ta-result-actions button:first-child{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1));border-color:rgba(239,68,68,.3)}.ta-result-actions button:first-child:hover{background:linear-gradient(135deg,rgba(239,68,68,.3),rgba(220,38,38,.2));box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(239,68,68,.4);box-shadow:0 20px 40px rgba(0,0,0,.3),var(--shadow-glow-red)}.ta-result-actions button:last-child{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(29,78,216,.1));border-color:rgba(59,130,246,.3)}.ta-result-actions button:last-child:hover{background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(29,78,216,.2));box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 30px rgba(59,130,246,.4);box-shadow:0 20px 40px rgba(0,0,0,.3),var(--shadow-glow-blue)}.ta-result-actions button:disabled{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);cursor:not-allowed;opacity:.4;-webkit-transform:none;transform:none}.ta-result-actions button:disabled:hover{box-shadow:none;-webkit-transform:none;transform:none}.ta-result-actions button,.ta-result-actions button span{position:relative;z-index:1}.loading-spinner{-webkit-animation:spinAdvanced 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation:spinAdvanced 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.loading-spinner:before{animation:spinAdvanced 1s linear infinite reverse;bottom:5px;left:5px;right:5px;top:5px}@-webkit-keyframes spinAdvanced{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes spinAdvanced{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}.celebration-particles{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.particle{-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite;background:#22c55e;background:var(--accent-green);border-radius:50%;height:8px;position:absolute;width:8px}.particle:nth-child(odd){-webkit-animation-delay:-1s;animation-delay:-1s;background:#3b82f6;background:var(--accent-blue)}.particle:nth-child(3n){-webkit-animation-delay:-2s;animation-delay:-2s;background:#8b5cf6;background:var(--accent-purple)}@media (max-width:768px){.ta-result-card{margin:10px;padding:30px 20px}.ta-result-title{font-size:2rem}.ta-result-circle{height:160px;width:160px}.ta-result-percentage{font-size:2.5rem}.ta-result-actions{flex-direction:column;gap:15px}.ta-result-actions button{font-size:1rem;padding:14px 24px;width:100%}}@media (max-width:480px){.ta-result-card{padding:20px 15px}.ta-result-title{font-size:1.6rem}.ta-result-circle{height:140px;width:140px}.ta-result-percentage{font-size:2rem}.ta-result-row{font-size:1rem}}.ta-result-card:hover{box-shadow:0 35px 60px -12px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.ta-result-container{-webkit-animation:fadeIn .5s ease-in-out;animation:fadeIn .5s ease-in-out}:root{--accent-green:#22c55e;--accent-red:#ef4444;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f97316;--gradient-primary:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-error:linear-gradient(135deg,#ef4444,#dc2626);--gradient-success:linear-gradient(135deg,#22c55e,#16a34a);--shadow-glow-blue:0 0 30px rgba(59,130,246,.4);--shadow-glow-red:0 0 30px rgba(239,68,68,.4);--shadow-glow-green:0 0 30px rgba(34,197,94,.4)}.ta-fallos-container{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);font-family:Inter,sans-serif;padding:140px 20px 40px}.ta-fallos-container:before{-webkit-animation:backgroundPulse 6s ease-in-out infinite;animation:backgroundPulse 6s ease-in-out infinite;background:radial-gradient(circle at 25% 25%,rgba(239,68,68,.1) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.1) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.05) 0,transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}@-webkit-keyframes backgroundPulse{0%,to{opacity:.3;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.6;-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}}@keyframes backgroundPulse{0%,to{opacity:.3;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}50%{opacity:.6;-webkit-transform:scale(1.05) rotate(1deg);transform:scale(1.05) rotate(1deg)}}.ta-fallos-title{-webkit-animation:titleEntrance 1s cubic-bezier(.68,-.55,.265,1.55);animation:titleEntrance 1s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);background-clip:text;font-size:2.8rem;font-weight:800;margin-bottom:30px;position:relative;text-align:center}.ta-fallos-title:after{-webkit-animation:underlineExpand .8s ease-out .5s both;animation:underlineExpand .8s ease-out .5s both;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px}@-webkit-keyframes titleEntrance{0%{opacity:0;-webkit-transform:translateY(-50px) scale(.8);transform:translateY(-50px) scale(.8)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes titleEntrance{0%{opacity:0;-webkit-transform:translateY(-50px) scale(.8);transform:translateY(-50px) scale(.8)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes underlineExpand{0%{width:0}to{width:100px}}@keyframes underlineExpand{0%{width:0}to{width:100px}}.ta-fallos-subtitle{-webkit-animation:fadeInUp .6s ease-out .3s both;animation:fadeInUp .6s ease-out .3s both;font-size:1.3rem;margin-bottom:30px;opacity:0;text-align:center}.ta-fallos-content{-webkit-animation:contentSlideIn .8s cubic-bezier(.4,0,.2,1) .5s both;animation:contentSlideIn .8s cubic-bezier(.4,0,.2,1) .5s both;background:rgba(26,26,26,.8);border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1);max-width:900px;overflow:hidden;position:relative}.ta-fallos-content:before{-webkit-animation:borderFlow 3s ease-in-out infinite;animation:borderFlow 3s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-error);content:"";height:3px;left:0;position:absolute;right:0;top:0}@-webkit-keyframes borderFlow{0%,to{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}}@keyframes borderFlow{0%,to{opacity:.7;-webkit-transform:scaleX(1);transform:scaleX(1)}50%{opacity:1;-webkit-transform:scaleX(1.02);transform:scaleX(1.02)}}@-webkit-keyframes contentSlideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes contentSlideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.ta-fallos-pregunta{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-fallos-pregunta:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.ta-fallos-pregunta:hover:before{left:100%}.ta-fallos-pregunta:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-fallos-pregunta p{color:#fff;color:var(--text-primary);font-size:1.2rem;line-height:1.6;margin:0;position:relative;z-index:1}.ta-respuestas{gap:12px;margin:20px 0}.ta-opcion{border-radius:12px;cursor:pointer;font-size:1.1rem;overflow:hidden;padding:16px 20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.ta-opcion:before{background:hsla(0,0%,100%,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .6s ease;width:0}.ta-opcion:hover:before{height:400px;width:400px}.ta-opcion:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 25px rgba(0,0,0,.2);-webkit-transform:translateX(8px) scale(1.02);transform:translateX(8px) scale(1.02)}.ta-opcion.incorrecta{-webkit-animation:incorrectShake .6s ease-in-out;animation:incorrectShake .6s ease-in-out;background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1));border-color:rgba(239,68,68,.4);box-shadow:0 0 30px rgba(239,68,68,.4);box-shadow:var(--shadow-glow-red);color:#ef4444}.ta-opcion.incorrecta:before{background:rgba(239,68,68,.2)}@-webkit-keyframes incorrectShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes incorrectShake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-3px);transform:translateX(-3px)}75%{-webkit-transform:translateX(3px);transform:translateX(3px)}}.ta-opcion.correcta{-webkit-animation:correctGlow 1s ease-in-out;animation:correctGlow 1s ease-in-out;background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(22,163,74,.1));border-color:rgba(34,197,94,.4);box-shadow:0 0 30px rgba(34,197,94,.4);box-shadow:var(--shadow-glow-green);color:#22c55e}.ta-opcion.correcta:before{background:rgba(34,197,94,.2)}@-webkit-keyframes correctGlow{0%,to{box-shadow:0 0 30px rgba(34,197,94,.4);box-shadow:var(--shadow-glow-green)}50%{box-shadow:0 0 40px rgba(34,197,94,.6)}}@keyframes correctGlow{0%,to{box-shadow:0 0 30px rgba(34,197,94,.4);box-shadow:var(--shadow-glow-green)}50%{box-shadow:0 0 40px rgba(34,197,94,.6)}}.ta-respuesta-correcta,.ta-respuesta-incorrecta{-webkit-animation:responseSlideIn .5s ease-out;animation:responseSlideIn .5s ease-out;border-radius:8px;font-size:1.1rem;font-weight:600;margin:8px 0;padding:12px 16px;position:relative}.ta-respuesta-incorrecta{background:rgba(239,68,68,.1);border-left:4px solid #ef4444;border-left:4px solid var(--accent-red);color:#ef4444}.ta-respuesta-incorrecta:before{content:"❌";margin-right:8px}.ta-respuesta-correcta{background:rgba(34,197,94,.1);border-left:4px solid #22c55e;border-left:4px solid var(--accent-green);color:#22c55e}.ta-respuesta-correcta:before{content:"✅";margin-right:8px}@-webkit-keyframes responseSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes responseSlideIn{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.ta-explanation{-webkit-animation:explanationExpand .6s cubic-bezier(.4,0,.2,1);animation:explanationExpand .6s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(124,58,237,.05));border:1px solid rgba(139,92,246,.3);overflow:hidden;padding:20px;position:relative}.ta-explanation:before{-webkit-animation:lightBulb 2s ease-in-out infinite;animation:lightBulb 2s ease-in-out infinite;content:"💡";font-size:1.5rem;position:absolute;right:20px;top:20px}@-webkit-keyframes lightBulb{0%,to{opacity:.7;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes lightBulb{0%,to{opacity:.7;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes explanationExpand{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes explanationExpand{0%{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top}to{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}}.ta-explanation strong{color:#8b5cf6;color:var(--accent-purple);font-size:1.1rem}.ta-explanation em{color:#b0c4de;color:var(--text-secondary);line-height:1.6}.ta-fallos-navigation{gap:20px;justify-content:center;margin:30px 0}.ta-fallos-nav-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1)}.ta-fallos-nav-button:before{transition:left .6s ease}.ta-fallos-nav-button:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.3);box-shadow:0 10px 30px rgba(0,0,0,.3);-webkit-transform:translateY(-3px) scale(1.05);transform:translateY(-3px) scale(1.05)}.ta-fallos-nav-button:active{-webkit-transform:translateY(-1px) scale(1.02);transform:translateY(-1px) scale(1.02)}.ta-fallos-button{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-primary);border-radius:16px;box-shadow:0 8px 25px rgba(59,130,246,.3);font-weight:700;padding:18px 36px;transition:all .4s cubic-bezier(.4,0,.2,1)}.ta-fallos-button:before{transition:left .6s ease}.ta-fallos-button:hover{background:linear-gradient(135deg,#4f46e5,#3b82f6);box-shadow:0 0 30px rgba(59,130,246,.4);-webkit-transform:translateY(-4px) scale(1.05);transform:translateY(-4px) scale(1.05)}.ta-fallos-button:active{-webkit-transform:translateY(-2px) scale(1.02);transform:translateY(-2px) scale(1.02)}.loading-container{gap:30px}.loading-spinner{-webkit-animation:spinEnhanced 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;animation:spinEnhanced 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite;border-top-color:#3b82f6;border-top:4px solid var(--accent-blue);height:80px;position:relative;width:80px}.loading-spinner:before{animation:spinEnhanced 1s linear infinite reverse;border:2px solid transparent;border-radius:50%;border-top-color:#8b5cf6;border-top:2px solid var(--accent-purple);bottom:10px;content:"";left:10px;position:absolute;right:10px;top:10px}.loading-spinner:after{-webkit-animation:spinEnhanced .8s ease-in-out infinite;animation:spinEnhanced .8s ease-in-out infinite;border:2px solid transparent;border-radius:50%;border-top-color:#22c55e;border-top:2px solid var(--accent-green);bottom:20px;content:"";left:20px;position:absolute;right:20px;top:20px}@-webkit-keyframes spinEnhanced{0%{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{opacity:.8;-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{opacity:1;-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}@keyframes spinEnhanced{0%{opacity:1;-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{opacity:.8;-webkit-transform:rotate(180deg) scale(1.1);transform:rotate(180deg) scale(1.1)}to{opacity:1;-webkit-transform:rotate(1turn) scale(1);transform:rotate(1turn) scale(1)}}.fallo-counter{-webkit-animation:counterPulse 2s ease-in-out infinite;animation:counterPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--gradient-error);border-radius:20px;box-shadow:0 0 30px rgba(239,68,68,.4);box-shadow:var(--shadow-glow-red);color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px;position:absolute;right:20px;top:20px}@-webkit-keyframes counterPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes counterPulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.particle-effect{-webkit-animation:particleFloat 2s ease-out infinite;animation:particleFloat 2s ease-out infinite;background:#3b82f6;background:var(--accent-blue);border-radius:50%;height:4px;pointer-events:none;position:absolute;width:4px}.particle-effect:nth-child(2n){-webkit-animation-delay:-.5s;animation-delay:-.5s;background:#8b5cf6;background:var(--accent-purple)}.particle-effect:nth-child(3n){-webkit-animation-delay:-1s;animation-delay:-1s;background:#22c55e;background:var(--accent-green)}@-webkit-keyframes particleFloat{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-100px) scale(0);transform:translateY(-100px) scale(0)}}@keyframes particleFloat{0%{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}to{opacity:0;-webkit-transform:translateY(-100px) scale(0);transform:translateY(-100px) scale(0)}}@media (max-width:768px){.ta-fallos-container{padding:20px 15px}.ta-fallos-title{font-size:2.2rem}.ta-fallos-content{margin:0 10px;padding:24px}.ta-fallos-pregunta p{font-size:1.1rem}.ta-opcion{font-size:1rem;padding:14px 16px}.ta-fallos-navigation{flex-direction:column;gap:12px}.ta-fallos-nav-button{padding:12px 24px;width:100%}.ta-fallos-button{font-size:1.1rem;padding:16px 24px;width:100%}}@media (max-width:480px){.ta-fallos-title{font-size:1.8rem}.ta-fallos-content,.ta-fallos-pregunta{padding:20px}.ta-opcion{font-size:.95rem;padding:12px 14px}}.ta-fallos-container{-webkit-animation:pageEntrance .8s ease-out;animation:pageEntrance .8s ease-out}@-webkit-keyframes pageEntrance{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes pageEntrance{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}:root{--accent-orange:#ff8c42;--gradient-orange:linear-gradient(135deg,#ff8c42,#ff6b35);--shadow-glow-orange:0 10px 30px rgba(255,140,66,.3)}.test-acceso-conjunta-container,.test-agente-container,.test-container,.test-guardia-civil-container,.test-policia-nacional-container,.test-suboficial-container{margin:0 auto;max-width:1400px;min-height:100vh;padding:140px 20px 40px}.test-interactive-header{-webkit-animation:fadeInUp .6s ease;animation:fadeInUp .6s ease}.test-description{max-width:700px}.test-control-panel{gap:30px;margin-bottom:50px}.time-selector{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;padding:30px 40px;position:relative}.time-selector:before{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple);content:"";height:3px;left:0;position:absolute;right:0;top:0}.time-label{text-align:center}.ta-temas-container{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:50px;position:relative}.ta-tema-card{-webkit-animation:slideInUp .6s ease forwards;animation:slideInUp .6s ease forwards;border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:20px;opacity:0;padding:30px;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.ta-tema-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);height:4px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.ta-tema-card:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.ta-tema-card:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.03),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.ta-tema-card:hover:after{left:100%}.ta-tema-card:hover{border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);box-shadow:0 20px 40px rgba(0,0,0,.3)}.ta-tema-card.selected,.ta-tema-card:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.ta-tema-card.selected{background:rgba(102,126,234,.15);box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue)}.ta-tema-card.selected:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);-webkit-transform:scaleX(1);transform:scaleX(1)}.ta-tema-header{gap:16px;margin-bottom:16px}.ta-tema-icon{align-items:center;background:hsla(0,0%,100%,.1);border-radius:16px;display:flex;font-size:2.5rem;height:60px;justify-content:center;transition:all .3s ease;width:60px}.ta-tema-card.selected .ta-tema-icon{background:rgba(102,126,234,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.ta-tema-title{flex:1 1;font-size:1.3rem;font-weight:700;line-height:1.3}.ta-tema-description{font-size:1rem;line-height:1.5;margin-bottom:20px}.ta-tema-stats{margin-top:auto}.ta-tema-progress{gap:12px}.ta-progress-bar{flex:1 1}.ta-progress-fill{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border-radius:3px;-webkit-transform-origin:left;transform-origin:left;transition:width .5s cubic-bezier(.4,0,.2,1)}.ta-tema-count{font-size:.9rem;font-weight:600;transition:color .3s ease}.ta-tema-card.selected .ta-tema-count{color:#b3f89e;color:var(--accent-green)}.ta-tooltip{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:250px;opacity:0;padding:12px 16px;pointer-events:none;position:fixed;text-align:center;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .3s ease}.ta-tooltip.active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.start-test-button{min-width:280px;padding:20px 40px}.start-test-button.secondary,.start-test-button:disabled{background:hsla(0,0%,100%,.1)}.start-test-button.secondary{border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);color:#b0c4de;color:var(--text-secondary)}.start-test-button.secondary:hover{background:hsla(0,0%,100%,.15);box-shadow:0 10px 30px hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary)}.test-highlight{margin:0 auto;max-width:500px;text-align:center}.test-active-header:before{background:linear-gradient(135deg,#ff8c42,#ff6b35);background:var(--gradient-orange)}.mode-title{color:#ff8c42;color:var(--accent-orange)}.timer-container{color:#667eea;color:var(--accent-blue)}.options{margin-bottom:30px}.option{text-align:left}.option:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.ta-correct-btn{background:linear-gradient(135deg,#ff8c42,#ff6b35);background:var(--gradient-orange);border-radius:12px;font-size:1rem;margin-bottom:30px;padding:16px 32px}.ta-correct-btn:hover{box-shadow:0 10px 30px rgba(255,140,66,.3);box-shadow:var(--shadow-glow-orange);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-explanation{-webkit-animation:slideInDown .5s ease;animation:slideInDown .5s ease;background:rgba(179,248,158,.1);border:1px solid rgba(179,248,158,.3);border-radius:16px;margin-bottom:30px;padding:24px}.ta-explanation h3{color:#b3f89e;color:var(--accent-green);font-size:1.2rem;margin-bottom:12px}.ta-explanation p{color:#b0c4de;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.ta-explanation p:last-child{margin-bottom:0}.finish-button,.map-toggle,.nav-button{align-items:center;display:flex;gap:8px}.question-map{-webkit-animation:slideInUp .5s ease;animation:slideInUp .5s ease}.map-title{align-items:center;display:flex;gap:8px;justify-content:center}.map-question.correct{background:rgba(179,248,158,.3);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.map-question.incorrect{background:hsla(0,100%,71%,.2);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:1200px){.ta-temas-container{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.test-acceso-conjunta-container,.test-agente-container,.test-container,.test-guardia-civil-container,.test-policia-nacional-container,.test-suboficial-container{padding:160px 15px 30px;padding:calc(var(--navbar-height) + 40px) 15px 30px}.test-title{font-size:2.2rem}.test-description{font-size:1rem}.ta-temas-container{gap:16px;grid-template-columns:1fr}.ta-tema-card{padding:20px}.ta-tema-header{flex-direction:column;gap:12px;text-align:center}.ta-tema-icon{font-size:2rem;height:50px;width:50px}.ta-tema-title{font-size:1.1rem}.test-control-panel{gap:20px}.time-selector{padding:20px}.time-options{flex-direction:column;gap:12px}.duration-select{width:100%}.start-test-button{font-size:1rem;min-width:auto;padding:16px 24px;width:100%}.test-active-header{flex-direction:column;text-align:center}.quiz-container{padding:30px 20px}.question{font-size:1.1rem}.option{font-size:1rem;padding:16px 20px}.navigation{flex-direction:column;gap:12px}.nav-group{flex-wrap:wrap;justify-content:center;width:100%}.finish-button,.map-toggle,.nav-button{font-size:.9rem;min-width:120px;padding:12px 20px}.ta-correct-btn{padding:14px 24px;width:100%}.modal{margin:20px;padding:30px 20px}.modal-buttons{flex-direction:column}.map-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.map-question{font-size:.8rem;height:45px;width:45px}.ta-explanation{padding:20px}.ta-explanation h3{font-size:1.1rem}}@media (max-width:480px){.test-title{font-size:1.8rem}.ta-tema-card{padding:16px}.ta-tema-icon{font-size:1.5rem;height:40px;width:40px}.quiz-container{padding:20px 16px}.question{font-size:1rem}.option{font-size:.95rem;padding:14px 16px}.timer{font-size:1.2rem;padding:10px 16px}.map-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.map-question{font-size:.75rem;height:40px;width:40px}}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:12px}.inline{display:inline}.mr-2{margin-right:8px}.loading{opacity:.7}.loading:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top:2px solid var(--accent-blue);content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}:root{--navbar-height:120px}.navbar-placeholder{height:120px}.test-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:140px 20px 40px}.test-setup{align-items:center;-webkit-animation:fadeInUp .6s ease;animation:fadeInUp .6s ease;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);text-align:center}.test-header{margin-bottom:50px}.test-title{background-clip:text}.setup-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:24px;max-width:500px;overflow:hidden;padding:50px;position:relative;width:100%}.setup-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);content:"";height:3px;left:0;position:absolute;right:0;top:0}.time-label{display:block}.duration-select::-webkit-scrollbar{width:8px}.duration-select::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-secondary)}.duration-select::-webkit-scrollbar-thumb{background:#667eea;background:var(--accent-blue);border-radius:4px}.start-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border:none;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.start-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.start-button:hover:before{left:100%}.start-button:hover{box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.start-button:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.test-active{-webkit-animation:fadeIn .6s ease;animation:fadeIn .6s ease}.test-active-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:24px 32px;position:relative}.test-active-header:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);content:"";height:3px;left:0;position:absolute;right:0;top:0}.mode-title{color:#b3f89e;color:var(--accent-green);font-size:1.2rem;font-weight:600}.question-counter{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.timer-container{align-items:center;display:flex;gap:12px}.timer{border:2px solid;border-radius:12px;font-family:Monaco,Menlo,monospace;font-size:1.5rem;font-weight:700;padding:12px 20px;transition:all .3s ease}.timer.green{background:rgba(179,248,158,.1);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.timer.yellow{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:rgba(246,213,92,.1);border-color:#f6d55c;border-color:var(--accent-yellow);color:#f6d55c;color:var(--accent-yellow)}.timer.red{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;background:hsla(0,100%,71%,.1);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}.quiz-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.quiz-container:before{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple);content:"";height:3px;left:0;position:absolute;right:0;top:0}.question{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:32px}.options{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.option{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.1rem;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.option:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.option:hover:before{left:100%}.option:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover)}.option.selected,.option:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.option.selected{background:rgba(102,126,234,.2);border-color:#667eea;border-color:var(--accent-blue);color:#667eea;color:var(--accent-blue)}.navigation{align-items:center;flex-wrap:wrap;justify-content:space-between}.nav-group,.navigation{display:flex;gap:16px}.finish-button,.map-toggle,.nav-button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.finish-button:before,.map-toggle:before,.nav-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.finish-button:hover:before,.map-toggle:hover:before,.nav-button:hover:before{left:100%}.map-toggle:hover,.nav-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.4;-webkit-transform:none;transform:none}.finish-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);background:var(--gradient-red);border-color:#ff6b6b;border-color:var(--accent-red)}.finish-button:hover{box-shadow:0 8px 25px hsla(0,100%,71%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.map-toggle{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border-color:#b3f89e;border-color:var(--accent-green);color:#000}.map-toggle:hover{box-shadow:0 8px 25px rgba(179,248,158,.3)}.question-map{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;margin-top:32px;overflow:hidden;padding:32px;position:relative}.question-map:before{background:linear-gradient(135deg,#f6d55c,#feca57);background:var(--gradient-yellow);content:"";height:3px;left:0;position:absolute;right:0;top:0}.map-title{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:24px;text-align:center}.map-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.map-question{align-items:center;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:12px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.map-question.current,.map-question:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.map-question.current{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border-color:#667eea;border-color:var(--accent-blue);color:#fff;color:var(--text-primary)}.map-question.answered{background:rgba(179,248,158,.2);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.map-question.unanswered{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-color:var(--border-color);color:#b0c4de;color:var(--text-secondary)}.map-question.skipped{background:rgba(246,213,92,.2);border-color:#f6d55c;border-color:var(--accent-yellow);color:#f6d55c;color:var(--accent-yellow)}.modal{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:500px;padding:40px;text-align:center;width:100%}.modal h3{color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin-bottom:20px}.modal p{color:#b0c4de;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:32px}.modal-buttons{gap:16px}.modal-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a24);background:var(--gradient-red);color:#fff;color:var(--text-primary)}.modal-confirm:hover{box-shadow:0 10px 30px hsla(0,100%,71%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-cancel{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);color:#b0c4de;color:var(--text-secondary)}.modal-cancel:hover{background:hsla(0,0%,100%,.15);color:#fff;color:var(--text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.test-container{padding:160px 15px 30px;padding:calc(var(--navbar-height) + 40px) 15px 30px}.test-title{font-size:2.2rem}.setup-card{padding:30px 20px}.test-active-header{flex-direction:column;text-align:center}.quiz-container{padding:30px 20px}.question{font-size:1.1rem}.navigation{flex-direction:column;gap:12px}.nav-group{justify-content:center;width:100%}.modal{padding:30px 20px}.modal-buttons{flex-direction:column}.map-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.map-question{font-size:.8rem;height:45px;width:45px}}:root{--accent-yellow:#f6d55c;--gradient-yellow:linear-gradient(135deg,#f6d55c,#feca57)}.test-acceso-conjunta-container,.test-agente-container,.test-guardia-civil-container,.test-policia-nacional-container,.test-suboficial-container{align-items:center;background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:140px 20px 40px}.ta-container{padding:140px 20px 40px}.test-interactive-header{margin-bottom:50px;margin-top:20px;text-align:center}.test-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);-webkit-background-clip:text;font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:20px}.test-description{color:#b0c4de;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.test-control-panel{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:24px;display:flex;flex-direction:column;gap:20px;margin:20px 0;max-width:500px;overflow:hidden;padding:40px;position:relative;width:100%}.test-control-panel:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);content:"";height:3px;left:0;position:absolute;right:0;top:0}.time-selector{margin-bottom:40px}.time-label{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.time-options{align-items:center;display:flex;gap:16px;justify-content:center}.duration-select{padding:16px 20px}.duration-select:hover{background:hsla(0,0%,100%,.12);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover)}.duration-select:focus{border-color:#667eea;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(102,126,234,.2);outline:none}.time-unit{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.ta-temas-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;width:100%}.ta-tema-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.ta-tema-card:before{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ta-tema-card:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.ta-tema-card.selected{background:rgba(102,126,234,.2);border-color:#667eea;border-color:var(--accent-blue)}.ta-tema-header{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ta-tema-icon{font-size:1.5rem}.ta-tema-title{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600}.ta-tema-description{color:#b0c4de;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.ta-tema-stats{align-items:center;display:flex;justify-content:space-between}.ta-tema-progress{align-items:center;display:flex;gap:10px;width:100%}.ta-progress-bar{background:hsla(0,0%,100%,.1);background:var(--border-color);border-radius:3px;height:6px;overflow:hidden;width:100%}.ta-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);height:100%;transition:width .3s ease}.ta-tema-count{color:#b0c4de;color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.ta-tooltip{background:#1a1a1a;background:var(--bg-secondary);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);color:#fff;color:var(--text-primary);display:none;font-size:.9rem;padding:8px 12px;z-index:1000}.ta-tooltip.active{display:block}.start-test-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border:none;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.start-test-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.start-test-button:hover:before{left:100%}.start-test-button:hover{box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.start-test-button:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.start-test-button.secondary{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple)}.start-test-button.secondary:hover{box-shadow:0 8px 25px rgba(192,132,252,.3)}.test-highlight{background:rgba(179,248,158,.1);border:1px solid rgba(179,248,158,.3);border-radius:16px;margin-top:40px;max-width:400px;padding:24px}.highlight-text{color:#b3f89e;color:var(--accent-green);font-size:1.1rem;font-weight:500;margin:0}.ta-container{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.ta-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:32px;overflow:hidden;padding:24px 32px;position:relative}.ta-header:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ta-mode-title{color:#b3f89e;color:var(--accent-green);font-size:1.2rem;font-weight:600}.ta-question-title{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem;font-weight:500}.ta-timer-container{align-items:center;display:flex;gap:12px}.ta-timer{border:2px solid;border-radius:12px;font-family:Monaco,Menlo,monospace;font-size:1.5rem;font-weight:700;padding:12px 20px;transition:all .3s ease}.ta-timer.green{background:rgba(179,248,158,.1);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.ta-timer.yellow{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:rgba(246,213,92,.1);border-color:#f6d55c;border-color:var(--accent-yellow);color:#f6d55c;color:var(--accent-yellow)}.ta-timer.red{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;background:hsla(0,100%,71%,.1);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}.ta-content-wrapper{margin:0 auto;max-width:800px}.ta-quiz{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;margin-bottom:32px;overflow:hidden;padding:40px;position:relative}.ta-quiz:before{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ta-question{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:600;line-height:1.5;margin-bottom:32px}.ta-options{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.ta-options button{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.1rem;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-options button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-options button:hover:before{left:100%}.ta-options button:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover)}.ta-options button.selected,.ta-options button:hover{-webkit-transform:translateX(8px);transform:translateX(8px)}.ta-options button.selected{background:rgba(102,126,234,.2);border-color:#667eea;border-color:var(--accent-blue);color:#667eea;color:var(--accent-blue)}.ta-options button.correct{background:rgba(179,248,158,.2);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.ta-options button.incorrect{background:hsla(0,100%,71%,.2);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}.ta-options button:disabled{cursor:not-allowed;opacity:.6}.ta-correct-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border:none;border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:600;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.ta-correct-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-correct-btn:hover:before{left:100%}.ta-correct-btn:hover{box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.ta-correct-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.ta-explanation{margin-top:20px;padding:15px}.ta-explanation h3{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:10px}.ta-explanation p{font-size:.95rem}.ta-nav{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.ta-nav button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-nav button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-nav button:hover:before{left:100%}.ta-nav button:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-nav button:disabled{cursor:not-allowed;opacity:.4;-webkit-transform:none;transform:none}.ta-finish-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24)!important;background:var(--gradient-red)!important}.ta-finish-btn:hover{box-shadow:0 8px 25px hsla(0,100%,71%,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-map-toggle-container{display:flex;justify-content:center;margin-top:20px}.ta-map-toggle{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-map-toggle:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-map-toggle:hover:before{left:100%}.ta-map-toggle:hover{box-shadow:0 10px 30px rgba(179,248,158,.3);box-shadow:var(--shadow-glow-green)}.ta-question-map{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;margin-top:32px;overflow:hidden;padding:32px;position:relative}.ta-question-map:before{background:linear-gradient(135deg,#f6d55c,#feca57);background:var(--gradient-yellow);content:"";height:3px;left:0;position:absolute;right:0;top:0}.ta-map-btn{align-items:center;background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:12px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:50px;justify-content:center;transition:all .3s ease;width:50px}.ta-map-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.ta-map-btn.unanswered{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.1);border-color:var(--border-color);color:#b0c4de;color:var(--text-secondary)}.ta-map-btn.answered,.ta-map-btn.correct{background:rgba(179,248,158,.2);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.ta-map-btn.incorrect{background:hsla(0,100%,71%,.2);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}.ta-map-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border:2px solid #667eea;border:2px solid var(--accent-blue);color:#fff;color:var(--text-primary);-webkit-transform:scale(1.1);transform:scale(1.1)}.ta-popup-overlay{align-items:center;-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.ta-popup{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);max-width:500px;padding:40px;text-align:center;width:100%}.ta-popup h3{color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin-bottom:20px}.ta-popup p{color:#b0c4de;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:32px}.ta-popup-buttons{display:flex;gap:16px}.ta-popup-cancel,.ta-popup-confirm{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-popup-cancel:before,.ta-popup-confirm:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-popup-cancel:hover:before,.ta-popup-confirm:hover:before{left:100%}.ta-popup-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a24);background:var(--gradient-red);color:#fff;color:var(--text-primary)}.ta-popup-confirm:hover{box-shadow:0 10px 30px hsla(0,100%,71%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-popup-cancel{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);color:#b0c4de;color:var(--text-secondary)}.ta-popup-cancel:hover{background:hsla(0,0%,100%,.15);color:#fff;color:var(--text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-fallos-container{align-items:center;background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.ta-fallos-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.ta-fallos-subtitle{color:#b0c4de;color:var(--text-secondary);font-size:1.2rem;margin-bottom:20px}.ta-fallos-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);max-width:800px;padding:40px;width:100%}.ta-fallos-respuestas{display:flex;flex-direction:column;gap:15px}.ta-fallos-pregunta{display:flex;flex-direction:column;gap:10px}.ta-fallos-pregunta p{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem}.ta-respuestas{display:flex;flex-direction:column;gap:8px}.ta-opcion{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-color);border-radius:6px;color:#fff;color:var(--text-primary);font-size:1rem;padding:10px}.ta-opcion.incorrecta{background:hsla(0,100%,71%,.2);border-color:#ff6b6b;border-color:var(--accent-red);color:#ff6b6b;color:var(--accent-red)}.ta-opcion.correcta{background:rgba(179,248,158,.2);border-color:#b3f89e;border-color:var(--accent-green);color:#b3f89e;color:var(--accent-green)}.ta-respuesta-incorrecta{color:#ff6b6b;color:var(--accent-red);font-size:1rem}.ta-respuesta-correcta{color:#b3f89e;color:var(--accent-green);font-size:1rem}.ta-explanation{background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:6px;color:#b0c4de;color:var(--text-secondary);margin-top:10px;padding:10px}.ta-explanation strong{color:#fff;color:var(--text-primary)}.ta-explanation em{font-style:italic}.ta-fallos-navigation{display:flex;gap:15px;margin-top:20px}.ta-fallos-nav-button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-fallos-nav-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-fallos-nav-button:hover:before{left:100%}.ta-fallos-nav-button:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ta-fallos-button{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border:none;border-radius:12px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.2rem;font-weight:600;margin-top:30px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.ta-fallos-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.ta-fallos-button:hover:before{left:100%}.ta-fallos-button:hover{box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue);-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media (max-width:600px){.test-acceso-conjunta-container,.test-agente-container,.test-guardia-civil-container,.test-policia-nacional-container,.test-suboficial-container{padding:80px 10px 20px}.test-title{font-size:2rem}.test-description{font-size:1rem}.test-control-panel{padding:20px}.ta-temas-container{grid-template-columns:1fr}.ta-tema-card{padding:15px}.ta-tema-title{font-size:1.1rem}.ta-tema-description{font-size:.85rem}.start-test-button{font-size:1rem;padding:16px}.ta-container{padding:10px}.ta-header{flex-direction:column;gap:10px;padding:15px}.ta-mode-title,.ta-question-title,.ta-timer{font-size:1rem}.ta-question{font-size:1.1rem}.ta-options button{font-size:.9rem;padding:12px 16px}.ta-correct-btn{font-size:1rem;padding:12px}.ta-nav{flex-direction:column;gap:10px}.ta-nav button{padding:10px 20px}.ta-map-btn{font-size:.8rem;height:40px;width:40px}.ta-fallos-title{font-size:1.8rem}.ta-fallos-pregunta p{font-size:.95rem}.ta-opcion{font-size:.9rem}.ta-fallos-nav-button{font-size:.9rem;padding:10px 20px}.ta-fallos-button{font-size:1rem;padding:12px 24px}.ta-popup{padding:20px}.ta-popup h3{font-size:1.3rem}.ta-popup p{font-size:.9rem}.ta-popup-buttons{flex-direction:column;gap:10px}}.duration-select{-webkit-appearance:none;appearance:none;background:hsla(0,0%,100%,.08);background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 5%27><path fill=%27%23ffffff%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;font-size:1.1rem;font-weight:500;min-width:150px;padding:16px 40px 16px 20px;transition:all .3s ease}.duration-select,.duration-select option{-webkit-text-fill-color:#fff;-webkit-text-fill-color:var(--text-primary);color:#fff;color:var(--text-primary);-webkit-opacity:1}.duration-select option{background:#1a1a1a;background:var(--bg-secondary);font-size:1rem;padding:8px 12px}@media screen and (-webkit-min-device-pixel-ratio:2) and (max-width:768px){.duration-select{border:2px solid hsla(0,0%,100%,.3)!important;font-size:16px!important}.duration-select,.duration-select option{-webkit-text-fill-color:#fff!important;background:#2a2a2a!important;color:#fff!important}}@supports (-webkit-touch-callout:none){.duration-select{-webkit-text-fill-color:#fff!important;-webkit-opacity:1!important}.duration-select,.duration-select option{background:#2a2a2a!important;color:#fff!important}}.historial-container{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:140px 20px 40px}.historial-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.historial-title{align-items:center;color:#60a5fa;display:flex;font-size:2.5rem;font-weight:700;gap:16px}.title-icon{color:#60a5fa}.back-button{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:#b0c4de;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:hsla(0,0%,100%,.15);color:#fff;-webkit-transform:translateX(4px);transform:translateX(4px)}.back-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.loading-container{background:#0a0a0a;gap:20px;min-height:100vh}.loading-spinner{border:3px solid hsla(0,0%,100%,.1);border-top-color:#60a5fa;height:50px;width:50px}.empty-state{padding:80px 20px;text-align:center}.empty-icon{color:hsla(0,0%,100%,.2);height:80px;margin-bottom:20px;width:80px}.empty-state p{color:#b0c4de;font-size:1.2rem;margin-bottom:30px}.start-exam-btn{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 32px;transition:all .3s ease}.start-exam-btn:hover{box-shadow:0 10px 30px rgba(96,165,250,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px;padding:0 20px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{background:hsla(0,0%,100%,.08);box-shadow:0 10px 30px rgba(0,0,0,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-icon-wrapper{align-items:center;background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(59,130,246,.2));border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon{color:#60a5fa;height:28px;width:28px}.stat-content h3{color:#b0c4de;font-size:.9rem;font-weight:500;margin-bottom:8px}.stat-value{display:block;font-size:2rem;line-height:1;margin-bottom:4px}.stat-value.positive{color:#60a5fa}.stat-value.negative{color:#ff6b6b}.stat-label{color:hsla(0,0%,100%,.6);font-size:.85rem}.chart-selector{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.chart-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#b0c4de;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.chart-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.chart-btn.active{background:linear-gradient(135deg,#60a5fa,#3b82f6);border-color:transparent;color:#fff}.chart-container{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin:0 20px 40px;padding:30px 20px}.recharts-wrapper{margin:0 auto}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:hsla(0,0%,100%,.1)}.recharts-text{fill:#b0c4de;font-size:12px}.recharts-layer.recharts-bar-rectangle path{cursor:pointer}.custom-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);padding:12px}.tooltip-date{color:#b0c4de;font-size:.85rem;font-weight:600;margin-bottom:8px}.tooltip-data{color:#fff;font-size:.9rem;margin:4px 0}.tooltip-data span{color:#60a5fa;font-weight:600}.exams-list{padding:0 20px}.section-title{font-size:1.8rem}.exams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.exam-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;transition:all .3s ease}.exam-card:hover{background:hsla(0,0%,100%,.08);box-shadow:0 10px 30px rgba(0,0,0,.5);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.exam-header{justify-content:space-between;margin-bottom:20px}.exam-date,.exam-header{align-items:center;display:flex}.exam-date{color:#b0c4de;font-size:.9rem;gap:8px}.exam-status{align-items:center;border-radius:20px;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:6px 12px}.exam-status.passed{background:rgba(96,165,250,.2);color:#60a5fa}.exam-status.failed{background:hsla(0,100%,71%,.2);color:#ff6b6b}.exam-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}.exam-stats .stat{text-align:center}.exam-stats .stat-label{color:hsla(0,0%,100%,.6);display:block;font-size:.85rem;margin-bottom:4px}.exam-stats .stat-value{color:#fff;font-size:1.2rem;font-weight:600}.exam-progress{margin-bottom:20px}.progress-bar{border-radius:4px;height:8px;margin-bottom:8px}.progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:4px;transition:width 1s ease}.progress-info{display:flex;font-size:.85rem;justify-content:space-between}.progress-info .correct{color:#60a5fa}.progress-info .incorrect{color:#ff6b6b}.exam-details-btn{align-items:center;background:linear-gradient(135deg,rgba(96,165,250,.2),rgba(59,130,246,.2));border:1px solid rgba(96,165,250,.3);border-radius:8px;color:#b0c4de;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.exam-details-btn:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 5px 20px rgba(96,165,250,.4);color:#fff;-webkit-transform:translateX(4px);transform:translateX(4px)}.animate{-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards}@media (max-width:768px){.historial-container{padding:20px 10px}.historial-header{align-items:flex-start;flex-direction:column;gap:20px;padding:0 10px}.historial-title{font-size:1.8rem}.title-icon{height:32px;width:32px}.back-button{align-self:stretch;justify-content:center}.stats-grid{gap:15px;grid-template-columns:1fr;padding:0 10px}.chart-container{margin:0 10px 30px;padding:20px 10px}.exams-grid{grid-template-columns:1fr}.exams-list{padding:0 10px}.section-title{font-size:1.5rem}}.recharts-responsive-container{height:300px!important;width:100%!important}.recharts-default-legend{margin-top:20px}.recharts-legend-item-text{color:#b0c4de!important}.suboficial-landing{align-items:center!important;background:#0f0f0f!important;background-color:transparent!important;background-image:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#242424 50%,#1a1a1a 75%,#0f0f0f)!important;color:#f0f0f0!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:80px 20px 40px!important;position:relative!important;width:100%!important;z-index:1!important}.suboficial-landing:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.suboficial-landing .landing-header{margin-bottom:60px!important;max-width:800px!important;opacity:1!important;position:relative!important;text-align:center!important;visibility:visible!important;width:100%!important;z-index:100!important}.suboficial-landing .landing-header h1{color:#fff!important;display:inline-block!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:20px!important;position:relative!important;text-shadow:0 0 20px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.1)!important;text-transform:uppercase!important}.suboficial-landing .landing-header h1:after{-webkit-animation:expandLine 1.5s ease-out forwards!important;animation:expandLine 1.5s ease-out forwards!important;background:linear-gradient(90deg,transparent,#fff,transparent)!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:0!important}.suboficial-landing .landing-header p{color:#b0b0b0!important;font-size:1.2rem!important;font-weight:300!important;letter-spacing:.5px!important;line-height:1.6!important;margin:0 auto!important;max-width:600px!important}.suboficial-landing .test-modes-container{grid-gap:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:30px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:1200px!important;padding:40px!important;position:relative!important;width:100%!important;z-index:10!important}.suboficial-landing .test-mode-card{align-items:center!important;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:300px!important;opacity:1!important;overflow:hidden!important;padding:40px 30px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;z-index:11!important}.suboficial-landing .test-mode-card:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%)!important;content:""!important;height:300%!important;left:-100%!important;opacity:0!important;position:absolute!important;top:-100%!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:all .6s ease!important;width:300%!important}.suboficial-landing .test-mode-card:hover:before{left:-50%!important;opacity:1!important;top:-50%!important}.suboficial-landing .test-mode-card:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 30px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.2)!important;-webkit-transform:translateY(-10px) scale(1.03)!important;transform:translateY(-10px) scale(1.03)!important}.suboficial-landing .mode-icon{align-items:center!important;background:linear-gradient(135deg,#333,#1a1a1a)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 -2px 5px rgba(0,0,0,.2)!important;display:flex!important;font-size:4rem!important;height:100px!important;justify-content:center!important;margin-bottom:25px!important;position:relative!important;transition:all .3s ease!important;width:100px!important}.suboficial-landing .test-mode-card:hover .mode-icon{background:linear-gradient(135deg,#444,#2a2a2a)!important;box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.1)!important;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important}.suboficial-landing .test-mode-card h3{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:15px!important;position:relative!important;z-index:2!important}.suboficial-landing .test-mode-card p{color:#a0a0a0!important;font-size:1rem!important;line-height:1.6!important;position:relative!important;transition:color .3s ease!important;z-index:2!important}.suboficial-landing .test-mode-card:hover p{color:#d0d0d0!important}.suboficial-landing .ta-btn{align-items:center!important;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;border:2px solid hsla(0,0%,100%,.2)!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;letter-spacing:2px!important;margin-top:20px!important;overflow:hidden!important;padding:15px 50px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;z-index:10!important}.suboficial-landing .ta-btn:after{background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;transition:all .5s ease!important;width:0!important}.suboficial-landing .ta-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.suboficial-landing .ta-btn:hover:after{height:300px!important;width:300px!important}.suboficial-landing .test-mode-card{-webkit-animation:fadeInUp .6s ease-out forwards!important;animation:fadeInUp .6s ease-out forwards!important}.suboficial-landing .test-mode-card:first-child{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.suboficial-landing .test-mode-card:nth-child(2){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.suboficial-landing .test-mode-card:nth-child(3){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.suboficial-landing .test-mode-card:nth-child(4){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@media (max-width:768px){.suboficial-landing{padding:60px 15px 30px!important}.suboficial-landing .landing-header h1{font-size:2.5rem!important}.suboficial-landing .landing-header p{font-size:1rem!important}.suboficial-landing .test-modes-container{gap:20px!important;padding:20px!important}.suboficial-landing .test-mode-card{min-height:250px!important;padding:30px 20px!important}.suboficial-landing .mode-icon{font-size:3rem!important;height:80px!important;width:80px!important}.suboficial-landing .ta-btn{font-size:1rem!important;padding:12px 30px!important}}.suboficial-landing *{visibility:visible!important}.suboficial-landing .test-mode-card,.suboficial-landing .test-modes-container{display:grid!important;opacity:1!important;visibility:visible!important}.acceso-conjunta-landing{align-items:center!important;background:#0f0f0f!important;background-color:transparent!important;background-image:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#242424 50%,#1a1a1a 75%,#0f0f0f)!important;color:#f0f0f0!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:80px 20px 40px!important;position:relative!important;width:100%!important;z-index:1!important}.acceso-conjunta-landing:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.acceso-conjunta-landing .landing-header{margin-bottom:60px!important;max-width:800px!important;opacity:1!important;position:relative!important;text-align:center!important;visibility:visible!important;width:100%!important;z-index:100!important}.acceso-conjunta-landing .landing-header h1{color:#fff!important;display:inline-block!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:20px!important;position:relative!important;text-shadow:0 0 20px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.1)!important;text-transform:uppercase!important}.acceso-conjunta-landing .landing-header h1:after{-webkit-animation:expandLine 1.5s ease-out forwards!important;animation:expandLine 1.5s ease-out forwards!important;background:linear-gradient(90deg,transparent,#fff,transparent)!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:0!important}.acceso-conjunta-landing .landing-header p{color:#b0b0b0!important;font-size:1.2rem!important;font-weight:300!important;letter-spacing:.5px!important;line-height:1.6!important;margin:0 auto!important;max-width:600px!important}.acceso-conjunta-landing .test-modes-container{grid-gap:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:30px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:1200px!important;padding:40px!important;position:relative!important;width:100%!important;z-index:10!important}.acceso-conjunta-landing .test-mode-card{align-items:center!important;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:300px!important;opacity:1!important;overflow:hidden!important;padding:40px 30px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;z-index:11!important}.acceso-conjunta-landing .test-mode-card:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%)!important;content:""!important;height:300%!important;left:-100%!important;opacity:0!important;position:absolute!important;top:-100%!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:all .6s ease!important;width:300%!important}.acceso-conjunta-landing .test-mode-card:hover:before{left:-50%!important;opacity:1!important;top:-50%!important}.acceso-conjunta-landing .test-mode-card:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 30px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.2)!important;-webkit-transform:translateY(-10px) scale(1.03)!important;transform:translateY(-10px) scale(1.03)!important}.acceso-conjunta-landing .mode-icon{align-items:center!important;background:linear-gradient(135deg,#333,#1a1a1a)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 -2px 5px rgba(0,0,0,.2)!important;display:flex!important;font-size:4rem!important;height:100px!important;justify-content:center!important;margin-bottom:25px!important;position:relative!important;transition:all .3s ease!important;width:100px!important}.acceso-conjunta-landing .test-mode-card:hover .mode-icon{background:linear-gradient(135deg,#444,#2a2a2a)!important;box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.1)!important;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important}.acceso-conjunta-landing .test-mode-card h3{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:15px!important;position:relative!important;z-index:2!important}.acceso-conjunta-landing .test-mode-card p{color:#a0a0a0!important;font-size:1rem!important;line-height:1.6!important;position:relative!important;transition:color .3s ease!important;z-index:2!important}.acceso-conjunta-landing .test-mode-card:hover p{color:#d0d0d0!important}.acceso-conjunta-landing .ta-btn{align-items:center!important;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;border:2px solid hsla(0,0%,100%,.2)!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;letter-spacing:2px!important;margin-top:20px!important;overflow:hidden!important;padding:15px 50px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;z-index:10!important}.acceso-conjunta-landing .ta-btn:after{background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;transition:all .5s ease!important;width:0!important}.acceso-conjunta-landing .ta-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.acceso-conjunta-landing .ta-btn:hover:after{height:300px!important;width:300px!important}.acceso-conjunta-landing .test-mode-card{-webkit-animation:fadeInUp .6s ease-out forwards!important;animation:fadeInUp .6s ease-out forwards!important}.acceso-conjunta-landing .test-mode-card:first-child{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.acceso-conjunta-landing .test-mode-card:nth-child(2){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.acceso-conjunta-landing .test-mode-card:nth-child(3){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.acceso-conjunta-landing .test-mode-card:nth-child(4){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@media (max-width:768px){.acceso-conjunta-landing{padding:60px 15px 30px!important}.acceso-conjunta-landing .landing-header h1{font-size:2.5rem!important}.acceso-conjunta-landing .landing-header p{font-size:1rem!important}.acceso-conjunta-landing .test-modes-container{gap:20px!important;padding:20px!important}.acceso-conjunta-landing .test-mode-card{min-height:250px!important;padding:30px 20px!important}.acceso-conjunta-landing .mode-icon{font-size:3rem!important;height:80px!important;width:80px!important}.acceso-conjunta-landing .ta-btn{font-size:1rem!important;padding:12px 30px!important}}.acceso-conjunta-landing *{visibility:visible!important}.acceso-conjunta-landing .test-mode-card,.acceso-conjunta-landing .test-modes-container{display:grid!important;opacity:1!important;visibility:visible!important}.test-policia-nacional-landing{align-items:center!important;background:#0f0f0f!important;background-image:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#242424 50%,#1a1a1a 75%,#0f0f0f)!important;color:#f0f0f0!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:140px 20px 40px!important;position:relative!important;width:100%!important;z-index:1!important}.test-policia-nacional-landing:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.test-policia-nacional-landing .landing-header{margin-bottom:60px!important;max-width:800px!important;opacity:1!important;position:relative!important;text-align:center!important;visibility:visible!important;width:100%!important;z-index:100!important}.test-policia-nacional-landing .landing-header h1{color:#fff!important;display:inline-block!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:20px!important;position:relative!important;text-shadow:0 0 20px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.1)!important;text-transform:uppercase!important}.test-policia-nacional-landing .landing-header h1:after{-webkit-animation:expandLine 1.5s ease-out forwards!important;animation:expandLine 1.5s ease-out forwards!important;background:linear-gradient(90deg,transparent,#fff,transparent)!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:0!important}.test-policia-nacional-landing .landing-header p{color:#b0b0b0!important;font-size:1.2rem!important;font-weight:300!important;letter-spacing:.5px!important;line-height:1.6!important;margin:0 auto!important;max-width:600px!important}.test-policia-nacional-landing .test-modes-container{grid-gap:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:30px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:1200px!important;padding:40px!important;position:relative!important;width:100%!important;z-index:10!important}.test-policia-nacional-landing .test-mode-card{align-items:center!important;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:300px!important;opacity:1!important;overflow:hidden!important;padding:40px 30px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;z-index:11!important}.test-policia-nacional-landing .test-mode-card:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%)!important;content:""!important;height:300%!important;left:-100%!important;opacity:0!important;position:absolute!important;top:-100%!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:all .6s ease!important;width:300%!important}.test-policia-nacional-landing .test-mode-card:hover:before{left:-50%!important;opacity:1!important;top:-50%!important}.test-policia-nacional-landing .test-mode-card:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 30px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.2)!important;-webkit-transform:translateY(-10px) scale(1.03)!important;transform:translateY(-10px) scale(1.03)!important}.test-policia-nacional-landing .mode-icon{align-items:center!important;background:linear-gradient(135deg,#333,#1a1a1a)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 -2px 5px rgba(0,0,0,.2)!important;display:flex!important;font-size:4rem!important;height:100px!important;justify-content:center!important;margin-bottom:25px!important;position:relative!important;transition:all .3s ease!important;width:100px!important}.test-policia-nacional-landing .test-mode-card:hover .mode-icon{background:linear-gradient(135deg,#444,#2a2a2a)!important;box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.1)!important;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important}.test-policia-nacional-landing .test-mode-card h3{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:15px!important;position:relative!important;z-index:2!important}.test-policia-nacional-landing .test-mode-card p{color:#a0a0a0!important;font-size:1rem!important;line-height:1.6!important;position:relative!important;transition:color .3s ease!important;z-index:2!important}.test-policia-nacional-landing .test-mode-card:hover p{color:#d0d0d0!important}.test-policia-nacional-landing .ta-btn{align-items:center!important;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;border:2px solid hsla(0,0%,100%,.2)!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;letter-spacing:2px!important;margin-top:20px!important;overflow:hidden!important;padding:15px 50px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;z-index:10!important}.test-policia-nacional-landing .ta-btn:after{background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;transition:all .5s ease!important;width:0!important}.test-policia-nacional-landing .ta-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.test-policia-nacional-landing .ta-btn:hover:after{height:300px!important;width:300px!important}.test-mode-card.disabled{cursor:not-allowed!important;opacity:.6!important}.test-mode-card.disabled,.test-mode-card.disabled:hover{background:linear-gradient(145deg,#1a1a1a,#0f0f0f)!important}.test-mode-card.disabled:hover{border-color:hsla(0,0%,100%,.1)!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;-webkit-transform:none!important;transform:none!important}.test-mode-card.disabled .mode-icon,.test-mode-card.disabled:hover .mode-icon{background:linear-gradient(135deg,#222,#111)!important}.test-mode-card.disabled:hover .mode-icon{-webkit-transform:none!important;transform:none!important}.test-policia-nacional-landing .test-mode-card{-webkit-animation:fadeInUp .6s ease-out forwards!important;animation:fadeInUp .6s ease-out forwards!important}.test-policia-nacional-landing .test-mode-card:first-child{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.test-policia-nacional-landing .test-mode-card:nth-child(2){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.test-policia-nacional-landing .test-mode-card:nth-child(3){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.test-policia-nacional-landing .test-mode-card:nth-child(4){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@media (max-width:768px){.historial-container,.ta-container,.ta-fallos-container,.ta-result-container,.test-acceso-conjunta-container,.test-agente-container,.test-container,.test-guardia-civil-container,.test-policia-nacional-landing,.test-suboficial-container{padding-top:120px!important}.test-setup{min-height:calc(100vh - 120px)}.test-policia-nacional-landing{padding:60px 15px 30px!important}.test-policia-nacional-landing .landing-header h1{font-size:2.5rem!important}.test-policia-nacional-landing .landing-header p{font-size:1rem!important}.test-policia-nacional-landing .test-modes-container{gap:20px!important;padding:20px!important}.test-policia-nacional-landing .test-mode-card{min-height:250px!important;padding:30px 20px!important}.test-policia-nacional-landing .mode-icon{font-size:3rem!important;height:80px!important;width:80px!important}.test-policia-nacional-landing .ta-btn{font-size:1rem!important;padding:12px 30px!important}}@media (max-width:480px){.historial-container,.ta-container,.ta-fallos-container,.ta-result-container,.test-acceso-conjunta-container,.test-agente-container,.test-container,.test-guardia-civil-container,.test-policia-nacional-landing,.test-suboficial-container{padding-top:100px!important}.test-setup{min-height:calc(100vh - 100px)}}.test-policia-nacional-landing *{visibility:visible!important}.test-policia-nacional-landing .test-mode-card,.test-policia-nacional-landing .test-modes-container{display:grid!important;opacity:1!important;visibility:visible!important}.guardia-civil-landing{align-items:center!important;background:#0f0f0f!important;background-color:transparent!important;background-image:linear-gradient(135deg,#0f0f0f,#1a1a1a 25%,#242424 50%,#1a1a1a 75%,#0f0f0f)!important;color:#f0f0f0!important;display:flex!important;flex-direction:column!important;min-height:100vh!important;overflow-x:hidden!important;padding:80px 20px 40px!important;position:relative!important;width:100%!important;z-index:1!important}.guardia-civil-landing:before{background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important;z-index:0!important}.guardia-civil-landing .landing-header{margin-bottom:60px!important;max-width:800px!important;opacity:1!important;position:relative!important;text-align:center!important;visibility:visible!important;width:100%!important;z-index:100!important}.guardia-civil-landing .landing-header h1{color:#fff!important;display:inline-block!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:3px!important;margin-bottom:20px!important;position:relative!important;text-shadow:0 0 20px hsla(0,0%,100%,.5),0 0 40px hsla(0,0%,100%,.3),0 0 60px hsla(0,0%,100%,.1)!important;text-transform:uppercase!important}.guardia-civil-landing .landing-header h1:after{-webkit-animation:expandLine 1.5s ease-out forwards!important;animation:expandLine 1.5s ease-out forwards!important;background:linear-gradient(90deg,transparent,#fff,transparent)!important;bottom:-10px!important;content:""!important;height:3px!important;left:50%!important;position:absolute!important;-webkit-transform:translateX(-50%)!important;transform:translateX(-50%)!important;width:0!important}@-webkit-keyframes expandLine{to{width:100%}}@keyframes expandLine{to{width:100%}}.guardia-civil-landing .landing-header p{color:#b0b0b0!important;font-size:1.2rem!important;font-weight:300!important;letter-spacing:.5px!important;line-height:1.6!important;margin:0 auto!important;max-width:600px!important}.guardia-civil-landing .test-modes-container{grid-gap:30px!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:hsla(0,0%,100%,.03)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:30px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 0 0 1px hsla(0,0%,100%,.1)!important;display:grid!important;gap:30px!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;max-width:1200px!important;padding:40px!important;position:relative!important;width:100%!important;z-index:10!important}.guardia-civil-landing .test-mode-card{align-items:center!important;background:linear-gradient(145deg,#2a2a2a,#1a1a1a)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:20px!important;box-shadow:0 10px 30px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.1)!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;min-height:300px!important;opacity:1!important;overflow:hidden!important;padding:40px 30px!important;position:relative!important;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;visibility:visible!important;z-index:11!important}.guardia-civil-landing .test-mode-card:before{background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.1) 50%,transparent 70%)!important;content:""!important;height:300%!important;left:-100%!important;opacity:0!important;position:absolute!important;top:-100%!important;-webkit-transform:rotate(45deg)!important;transform:rotate(45deg)!important;transition:all .6s ease!important;width:300%!important}.guardia-civil-landing .test-mode-card:hover:before{left:-50%!important;opacity:1!important;top:-50%!important}.guardia-civil-landing .test-mode-card:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 20px 40px rgba(0,0,0,.6),0 0 30px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.2)!important;-webkit-transform:translateY(-10px) scale(1.03)!important;transform:translateY(-10px) scale(1.03)!important}.guardia-civil-landing .mode-icon{align-items:center!important;background:linear-gradient(135deg,#333,#1a1a1a)!important;border-radius:50%!important;box-shadow:0 5px 15px rgba(0,0,0,.3),inset 0 -2px 5px rgba(0,0,0,.2)!important;display:flex!important;font-size:4rem!important;height:100px!important;justify-content:center!important;margin-bottom:25px!important;position:relative!important;transition:all .3s ease!important;width:100px!important}.guardia-civil-landing .test-mode-card:hover .mode-icon{background:linear-gradient(135deg,#444,#2a2a2a)!important;box-shadow:0 8px 25px rgba(0,0,0,.4),0 0 20px hsla(0,0%,100%,.1)!important;-webkit-transform:scale(1.1) rotate(10deg)!important;transform:scale(1.1) rotate(10deg)!important}.guardia-civil-landing .test-mode-card h3{color:#fff!important;font-size:1.6rem!important;font-weight:700!important;letter-spacing:.5px!important;margin-bottom:15px!important;position:relative!important;z-index:2!important}.guardia-civil-landing .test-mode-card p{color:#a0a0a0!important;font-size:1rem!important;line-height:1.6!important;position:relative!important;transition:color .3s ease!important;z-index:2!important}.guardia-civil-landing .test-mode-card:hover p{color:#d0d0d0!important}.guardia-civil-landing .ta-btn{align-items:center!important;background:linear-gradient(135deg,#3a3a3a,#2a2a2a)!important;border:2px solid hsla(0,0%,100%,.2)!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;letter-spacing:2px!important;margin-top:20px!important;overflow:hidden!important;padding:15px 50px!important;position:relative!important;text-transform:uppercase!important;transition:all .3s ease!important;z-index:10!important}.guardia-civil-landing .ta-btn:after{background:hsla(0,0%,100%,.1)!important;border-radius:50%!important;content:""!important;height:0!important;left:50%!important;position:absolute!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important;transition:all .5s ease!important;width:0!important}.guardia-civil-landing .ta-btn:hover{background:linear-gradient(135deg,#4a4a4a,#3a3a3a)!important;border-color:hsla(0,0%,100%,.3)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important;-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}.guardia-civil-landing .ta-btn:hover:after{height:300px!important;width:300px!important}.guardia-civil-landing .test-mode-card{-webkit-animation:fadeInUp .6s ease-out forwards!important;animation:fadeInUp .6s ease-out forwards!important}.guardia-civil-landing .test-mode-card:first-child{-webkit-animation-delay:.1s!important;animation-delay:.1s!important}.guardia-civil-landing .test-mode-card:nth-child(2){-webkit-animation-delay:.2s!important;animation-delay:.2s!important}.guardia-civil-landing .test-mode-card:nth-child(3){-webkit-animation-delay:.3s!important;animation-delay:.3s!important}.guardia-civil-landing .test-mode-card:nth-child(4){-webkit-animation-delay:.4s!important;animation-delay:.4s!important}@media (max-width:768px){.guardia-civil-landing{padding:60px 15px 30px!important}.guardia-civil-landing .landing-header h1{font-size:2.5rem!important}.guardia-civil-landing .landing-header p{font-size:1rem!important}.guardia-civil-landing .test-modes-container{gap:20px!important;padding:20px!important}.guardia-civil-landing .test-mode-card{min-height:250px!important;padding:30px 20px!important}.guardia-civil-landing .mode-icon{font-size:3rem!important;height:80px!important;width:80px!important}.guardia-civil-landing .ta-btn{font-size:1rem!important;padding:12px 30px!important}}.guardia-civil-landing *{visibility:visible!important}.guardia-civil-landing .test-mode-card,.guardia-civil-landing .test-modes-container{display:grid!important;opacity:1!important;visibility:visible!important}:root{--text-secondary:#b0b0b0;--text-muted:#707070;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--accent-success:#10b981;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(0,0,0,.1);--shadow-lg:0 10px 15px rgba(0,0,0,.1);--radius-sm:6px;--radius-md:12px;--sidebar-width:280px;--chat-transition:margin-left 0.3s cubic-bezier(0.4,0,0.2,1)}.page-container.libregpt-container{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition)}body.sidebar-open .page-container.libregpt-container{margin-left:280px;margin-left:var(--sidebar-width)}.libregpt-error-banner{background:#ef4444;background:var(--accent-error);border-radius:12px;border-radius:var(--radius-md);color:#fff;font-weight:500;margin-bottom:16px;padding:12px 20px;text-align:center}.libregpt-chat-area{display:flex;flex-direction:column;height:calc(100vh - 120px);margin:0 auto;max-width:800px;padding:20px 0;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition);width:100%}body.sidebar-open .libregpt-chat-area{margin-left:280px;margin-left:var(--sidebar-width);margin-right:auto;max-width:1080px;max-width:calc(800px + var(--sidebar-width))}.libregpt-controls{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 20px}.mode-indicator{align-items:center;background:#2a2a2a;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#b0b0b0;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:8px 12px}.mode-icon{font-size:1rem}.mode-text{font-size:.875rem}.model-selector-header{position:relative}.model-button{align-items:center;background:#2a2a2a;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:space-between;min-width:160px;padding:8px 16px;transition:all .2s ease}.model-button:hover:not(:disabled){background:hsla(0,0%,100%,.05);background:var(--bg-card);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover)}.model-button:disabled{cursor:not-allowed;opacity:.5}.dropdown-arrow{font-size:.8rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.model-dropdown{-webkit-animation:slideDown .2s ease;animation:slideDown .2s ease;background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 10px 15px rgba(0,0,0,.1);box-shadow:var(--shadow-lg);min-width:250px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.model-option{border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.model-option:last-child{border-bottom:none}.model-option:hover{background:hsla(0,0%,100%,.05);background:var(--bg-card)}.model-option.selected{background:#3b82f6;background:var(--accent-primary);color:#fff}.model-name{font-weight:600;margin-bottom:4px}.model-description{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.model-option.selected .model-description{color:hsla(0,0%,100%,.8)}.chat-messages{flex:1 1;overflow-y:auto;padding:0 20px 180px;scroll-behavior:smooth}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);background:var(--border-color);border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2);background:var(--border-hover)}.message{-webkit-animation:fadeInUp .3s ease;animation:fadeInUp .3s ease;margin-bottom:20px}.message-header{margin-bottom:8px}.message-info{align-items:center;display:flex;gap:8px;margin-bottom:4px}.message-model{color:#707070;color:var(--text-muted)}.message-model,.search-badge{font-size:.75rem;font-weight:500}.search-badge{background:#10b981;background:var(--accent-success);border-radius:6px;border-radius:var(--radius-sm);color:#fff;padding:2px 6px}.message-content{border-radius:var(--radius-lg);font-size:.95rem;line-height:1.6;padding:16px 20px}.user-message .message-content{background:#3b82f6;background:var(--accent-primary);border-bottom-right-radius:6px;border-bottom-right-radius:var(--radius-sm);margin-left:auto;max-width:80%}.gpt-message .message-content{background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-bottom-left-radius:6px;border-bottom-left-radius:var(--radius-sm);color:#fff;color:var(--text-primary);max-width:100%}.error-message .message-content{background:rgba(239,68,68,.1);border-color:#ef4444;border-color:var(--accent-error);color:#ef4444;color:var(--accent-error)}.message-content pre{border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);margin:8px 0;overflow-x:auto;padding:12px}.message-content code,.message-content pre{background:#0a0a0a;background:var(--bg-primary);border-radius:6px;border-radius:var(--radius-sm)}.message-content code{font-family:Monaco,Menlo,monospace;font-size:.875rem;padding:2px 6px}.message-content pre code{background:none;padding:0}.loading-message{align-items:center;display:flex;gap:12px}.loading-message .message-content{background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color)}.typing-indicator{gap:4px;margin-right:8px}.typing-dot{-webkit-animation:typing 1.4s ease-in-out infinite;animation:typing 1.4s ease-in-out infinite;background:#3b82f6;background:var(--accent-primary);border-radius:50%;height:8px;width:8px}.typing-dot:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.typing-dot:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes typing{0%,80%,to{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes typing{0%,80%,to{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.scroll-to-bottom-button{align-items:center;background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:50%;bottom:180px;box-shadow:0 4px 6px rgba(0,0,0,.1);box-shadow:var(--shadow-md);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all .2s ease;width:40px;z-index:1000}body.sidebar-open .scroll-to-bottom-button{left:calc(50% + 140px);left:calc(50% + var(--sidebar-width)/2);transition:left .3s cubic-bezier(.4,0,.2,1)}.scroll-to-bottom-button:hover{background:hsla(0,0%,100%,.05);background:var(--bg-card);-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}body.sidebar-open .scroll-to-bottom-button:hover{-webkit-transform:translateX(calc(-50% + 140px)) scale(1.1);transform:translateX(calc(-50% + 140px)) scale(1.1);-webkit-transform:translateX(calc(-50% + var(--sidebar-width)/2)) scale(1.1);transform:translateX(calc(-50% + var(--sidebar-width)/2)) scale(1.1)}.chat-input-container{background:linear-gradient(0deg,#0a0a0a 0,#0a0a0a 80%,transparent);background:linear-gradient(to top,var(--bg-primary) 0,var(--bg-primary) 80%,transparent 100%);bottom:0;left:0;margin:0 auto;max-width:800px;padding:20px;position:fixed;right:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);transition:var(--chat-transition);z-index:1000}body.sidebar-open .chat-input-container{margin-left:280px;margin-left:var(--sidebar-width);margin-right:auto;max-width:1080px;max-width:calc(800px + var(--sidebar-width))}.chat-input{background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);margin-bottom:12px;padding:12px}.input-wrapper{flex-direction:column;gap:12px}.input-row{align-items:center;display:flex;gap:12px}.input-row input{background:transparent;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:8px 0}.input-row input::-webkit-input-placeholder{color:#707070;color:var(--text-muted)}.input-row input:-ms-input-placeholder{color:#707070;color:var(--text-muted)}.input-row input::placeholder{color:#707070;color:var(--text-muted)}.send-button{background:#3b82f6;background:var(--accent-primary);flex-shrink:0;font-size:1.2rem;height:36px;width:36px}.send-button:hover:not(:disabled){background:#2563eb}.send-button:disabled{opacity:.5}.button-row{display:flex;flex-wrap:wrap;gap:8px}.action-button{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#b0b0b0;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.action-button:hover:not(:disabled){background:hsla(0,0%,100%,.05);background:var(--bg-card);color:#fff;color:var(--text-primary)}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.active{background:#3b82f6;background:var(--accent-primary);border-color:#3b82f6;border-color:var(--accent-primary);color:#fff}.chat-disclaimer-container{text-align:center}.chat-disclaimer{color:#707070;color:var(--text-muted);font-size:.75rem;line-height:1.4}.loading{color:#b0b0b0;color:var(--text-secondary);font-size:1.1rem}@media (max-width:768px){body.sidebar-open .chat-input-container,body.sidebar-open .libregpt-chat-area,body.sidebar-open .page-container.libregpt-container,body.sidebar-open .scroll-to-bottom-button{margin-left:0}body.sidebar-open .scroll-to-bottom-button{left:50%}body.sidebar-open .scroll-to-bottom-button:hover{-webkit-transform:translateX(-50%) scale(1.1);transform:translateX(-50%) scale(1.1)}body.sidebar-open .chat-input-container,body.sidebar-open .libregpt-chat-area{margin:0 auto;max-width:100%}.libregpt-controls{align-items:stretch;flex-direction:column;gap:12px;padding:12px 16px}.chat-input-container{max-width:100%;padding:16px}.chat-messages{padding:0 16px 200px}.user-message .message-content{max-width:90%}.message-content{font-size:.9rem;padding:12px 16px}.model-dropdown{bottom:100px;left:16px;position:fixed;right:16px;top:auto;width:auto}.scroll-to-bottom-button{bottom:220px}}@media (max-width:480px){.chat-input-container,.libregpt-controls{padding:12px}.chat-messages{padding:0 12px 220px}.message-content{font-size:.875rem;padding:10px 14px}.input-row input{font-size:.9rem}.send-button{font-size:1rem;height:32px;width:32px}.action-button{font-size:.8rem;padding:6px 8px}}.virtual-assistant{bottom:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;right:20px;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:9999}.virtual-assistant.visible{opacity:1;pointer-events:auto;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.virtual-assistant.hidden{opacity:0;pointer-events:none;-webkit-transform:translateY(20px) scale(.8);transform:translateY(20px) scale(.8)}.assistant-floating-button{-webkit-animation:assistantBounce 6s infinite;animation:assistantBounce 6s infinite;background:none;border:none;box-shadow:none;cursor:pointer;height:auto;outline:none;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto}.assistant-floating-button:hover{-webkit-filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));-webkit-transform:scale(1.1);transform:scale(1.1)}.assistant-floating-button:active{-webkit-transform:scale(.95);transform:scale(.95)}@-webkit-keyframes assistantBounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}@keyframes assistantBounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-4px);transform:translateY(-4px)}60%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}}.assistant-avatar{align-items:center;display:flex;height:auto;justify-content:center;width:auto}.assistant-avatar-image{border-radius:8px;-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:150px;object-fit:cover;transition:all .3s ease;width:120px}.proactive-bubble{-webkit-animation:bubblePop .3s ease;animation:bubblePop .3s ease;background:#fff;border-radius:14px;bottom:70px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#333;font-size:11px;padding:6px 10px;position:absolute;right:5px;white-space:nowrap;z-index:10000}.proactive-bubble:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;content:"";height:0;position:absolute;right:20px;top:100%;width:0}@-webkit-keyframes bubblePop{0%{opacity:0;-webkit-transform:scale(.8) translateY(10px);transform:scale(.8) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes bubblePop{0%{opacity:0;-webkit-transform:scale(.8) translateY(10px);transform:scale(.8) translateY(10px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.assistant-chat-window{-webkit-animation:chatWindowSlide .3s cubic-bezier(.4,0,.2,1);animation:chatWindowSlide .3s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #e5e5e5;border-radius:16px;bottom:75px;box-shadow:0 8px 25px rgba(0,0,0,.2);display:flex;flex-direction:column;height:480px;position:absolute;right:0;width:340px;z-index:10001}@-webkit-keyframes chatWindowSlide{0%{opacity:0;-webkit-transform:translateY(15px) scale(.95);transform:translateY(15px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes chatWindowSlide{0%{opacity:0;-webkit-transform:translateY(15px) scale(.95);transform:translateY(15px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.assistant-header{align-items:center;background:linear-gradient(135deg,#4682b4,#90dd80);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:14px 16px}.assistant-info{align-items:center;display:flex;gap:10px}.assistant-avatar-header{align-items:center;background:hsla(0,0%,100%,.2);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.assistant-avatar-header-image{border-radius:4px;height:24px;object-fit:cover;width:24px}.assistant-info h4{font-size:14px;font-weight:600;line-height:1.2;margin:0}.assistant-info span{font-size:11px;line-height:1.2;opacity:.9}.assistant-actions{align-items:center;display:flex;gap:6px}.assistant-close,.assistant-reset{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;padding:5px;transition:all .2s ease;width:28px}.assistant-reset:hover{background:hsla(0,0%,100%,.2);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.assistant-close{font-size:16px}.assistant-close:hover{background:hsla(0,0%,100%,.2);color:#f44}.assistant-messages{background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:14px}.assistant-messages::-webkit-scrollbar{width:3px}.assistant-messages::-webkit-scrollbar-track{background:transparent}.assistant-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.message{-webkit-animation:messageSlide .3s ease;animation:messageSlide .3s ease;display:flex;flex-direction:column;max-width:80%}@-webkit-keyframes messageSlide{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes messageSlide{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.user-message{align-items:flex-end;align-self:flex-end}.assistant-message{align-items:flex-start;align-self:flex-start}.message-content{word-wrap:break-word;border-radius:16px;font-size:13px;line-height:1.4;padding:10px 14px}.message-content strong{color:inherit;font-weight:600}.message-content em{font-style:italic}.message-content a{color:#4682b4!important;display:inline-block;margin:2px 0;text-decoration:underline;transition:color .2s ease;word-break:break-all}.message-content a:hover{color:#3a6d99!important}.message-content small{display:block;margin-bottom:5px;margin-top:2px;word-break:break-all}.user-message .message-content a{color:#b3d9ff!important}.user-message .message-content a:hover{color:#fff!important}.user-message .message-content small{color:#d0d0d0!important}.user-message .message-content{background:#4682b4;border-bottom-right-radius:4px;color:#fff}.assistant-message .message-content{background:#fff;border:1px solid #e5e5e5;border-bottom-left-radius:4px;color:#333}.message-time{color:#999;font-size:9px;margin-top:3px;padding:0 4px}.typing .message-content{padding:14px}.typing-indicator{align-items:center;display:flex;gap:3px}.typing-indicator span{-webkit-animation:typingDots 1.5s ease-in-out infinite;animation:typingDots 1.5s ease-in-out infinite;background:#90dd80;border-radius:50%;height:5px;width:5px}.typing-indicator span:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.typing-indicator span:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes typingDots{0%,80%,to{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes typingDots{0%,80%,to{opacity:.5;-webkit-transform:scale(.8);transform:scale(.8)}40%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.quick-suggestions{background:#fff;border-top:1px solid #e5e5e5;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.suggestions-title{color:#666;font-size:11px;font-weight:600;margin-bottom:3px}.suggestion-button{background:#f0f8ff;border:1px solid #4682b4;border-radius:10px;color:#4682b4;cursor:pointer;font-size:10px;margin-bottom:3px;padding:5px 8px;text-align:left;transition:all .2s ease}.suggestion-button:hover{background:#4682b4;color:#fff}.assistant-input-area{background:#fff;border-radius:0 0 16px 16px;border-top:1px solid #e5e5e5;padding:14px}.input-wrapper{align-items:center;background:#f9f9f9;border:1px solid #e5e5e5;border-radius:20px;display:flex;gap:6px;padding:6px 10px;transition:all .2s ease}.input-wrapper:focus-within{border-color:#4682b4;box-shadow:0 0 0 2px rgba(70,130,180,.2)}.input-wrapper input{background:transparent;border:none;color:#333;flex:1 1;font-size:13px;outline:none;padding:3px}.input-wrapper input::-webkit-input-placeholder{color:#999}.input-wrapper input:-ms-input-placeholder{color:#999}.input-wrapper input::placeholder{color:#999}.send-button{align-items:center;background:#4682b4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.send-button:hover:not(:disabled){background:#3a6d99;-webkit-transform:scale(1.05);transform:scale(1.05)}.send-button:disabled{background:#ccc}.input-footer{margin-top:6px;text-align:center}.input-footer span{color:#999}.virtual-assistant.visible .assistant-avatar-image{-webkit-animation:subtlePulse 4s infinite;animation:subtlePulse 4s infinite}@-webkit-keyframes subtlePulse{0%,to{-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(0 4px 12px rgba(70,130,180,.4));filter:drop-shadow(0 4px 12px rgba(70,130,180,.4));-webkit-transform:scale(1.02);transform:scale(1.02)}}@keyframes subtlePulse{0%,to{-webkit-filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-filter:drop-shadow(0 4px 12px rgba(70,130,180,.4));filter:drop-shadow(0 4px 12px rgba(70,130,180,.4));-webkit-transform:scale(1.02);transform:scale(1.02)}}@media (max-width:768px){.virtual-assistant{bottom:15px;right:15px}.assistant-chat-window{bottom:80px;height:450px;max-width:340px;right:-5px;width:calc(100vw - 30px)}.assistant-avatar-image{height:75px;width:55px}.proactive-bubble{bottom:65px;font-size:10px;max-width:180px;padding:5px 8px;right:5px;white-space:normal}}@media (max-width:480px){.virtual-assistant{bottom:12px;right:12px}.assistant-chat-window{bottom:70px;height:420px;right:-2px;width:calc(100vw - 24px)}.assistant-avatar-image{height:70px;width:50px}.proactive-bubble{bottom:60px;right:5px}.assistant-messages{padding:10px}.message-content{font-size:12px;padding:8px 10px}.quick-suggestions{padding:8px 10px}.suggestions-title{font-size:10px}.suggestion-button{font-size:9px;margin-bottom:2px;padding:4px 6px}}@media (prefers-color-scheme:dark){.assistant-chat-window{background:#2a2a2a;border-color:#444}.assistant-messages{background:#1a1a1a}.assistant-message .message-content{background:#333;border-color:#444;color:#fff}.assistant-input-area,.quick-suggestions{background:#2a2a2a;border-color:#444}.input-wrapper{background:#333;border-color:#444}.input-wrapper input{color:#fff}.input-wrapper input::-webkit-input-placeholder{color:#888}.input-wrapper input:-ms-input-placeholder{color:#888}.input-wrapper input::placeholder{color:#888}.input-footer span{color:#888}}@media (prefers-reduced-motion:reduce){.assistant-avatar-image,.assistant-chat-window,.assistant-floating-button,.message,.proactive-bubble,.typing-indicator span{-webkit-animation:none;animation:none}.virtual-assistant{transition:opacity .2s ease}.virtual-assistant.hidden{-webkit-transform:none;transform:none}}.assistant-floating-button:focus{border-radius:50%;outline:3px solid #4682b4;outline-offset:3px}.assistant-close:focus,.assistant-reset:focus,.send-button:focus,.suggestion-button:focus{outline:2px solid #4682b4;outline-offset:2px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.assistant-avatar-header-image,.assistant-avatar-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}.prompts-indicator{align-items:center;-webkit-animation:prompts-pulse 2s infinite;animation:prompts-pulse 2s infinite;background:#22c55e;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px;z-index:10}.prompts-indicator.low{-webkit-animation:prompts-warning 1.5s infinite;animation:prompts-warning 1.5s infinite;background:#f59e0b}.prompts-indicator.empty{-webkit-animation:prompts-empty 1s infinite;animation:prompts-empty 1s infinite;background:#ef4444}@-webkit-keyframes prompts-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes prompts-pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@-webkit-keyframes prompts-warning{0%,to{background:#f59e0b;-webkit-transform:scale(1);transform:scale(1)}50%{background:#ea580c;-webkit-transform:scale(1.15);transform:scale(1.15)}}@keyframes prompts-warning{0%,to{background:#f59e0b;-webkit-transform:scale(1);transform:scale(1)}50%{background:#ea580c;-webkit-transform:scale(1.15);transform:scale(1.15)}}@-webkit-keyframes prompts-empty{0%,to{background:#ef4444;-webkit-transform:scale(1);transform:scale(1)}50%{background:#dc2626;-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes prompts-empty{0%,to{background:#ef4444;-webkit-transform:scale(1);transform:scale(1)}50%{background:#dc2626;-webkit-transform:scale(1.2);transform:scale(1.2)}}.daily-usage-indicator{align-items:center;display:flex;flex-direction:column;gap:2px;margin-right:8px}.usage-text{color:#22c55e;font-family:Monaco,Menlo,monospace;font-size:10px;font-weight:700;line-height:1}.usage-bar{background:hsla(0,0%,100%,.3);border-radius:2px;height:3px;overflow:hidden;width:30px}.usage-fill{background:#22c55e;border-radius:2px;height:100%;transition:width .3s ease,background-color .3s ease}.daily-limit-message{-webkit-animation:limitMessage .5s ease-in-out;animation:limitMessage .5s ease-in-out;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;color:#92400e;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;margin:10px 14px;padding:12px 16px;text-align:center}.daily-limit-message span:first-child{color:#78350f;font-weight:700}.daily-limit-message span:last-child{color:#a16207;font-size:11px}@-webkit-keyframes limitMessage{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes limitMessage{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.input-wrapper input:disabled{color:#9ca3af;cursor:not-allowed}.input-wrapper input:disabled::-webkit-input-placeholder{color:#6b7280}.input-wrapper input:disabled:-ms-input-placeholder{color:#6b7280}.input-wrapper input:disabled::placeholder{color:#6b7280}.send-button:disabled{color:#6b7280;cursor:not-allowed}.send-button:disabled,.send-button:disabled:hover{background:#d1d5db;-webkit-transform:none;transform:none}.suggestion-button:disabled{background:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.suggestion-button:disabled:hover{background:#f3f4f6;color:#9ca3af;-webkit-transform:none;transform:none}.input-footer span{color:#22c55e;font-size:9px;font-weight:500}.assistant-floating-button:hover .prompts-indicator{-webkit-transform:scale(1.1);transform:scale(1.1)}.assistant-floating-button:hover .prompts-indicator.low{-webkit-animation:prompts-warning-hover .8s infinite;animation:prompts-warning-hover .8s infinite}.assistant-floating-button:hover .prompts-indicator.empty{-webkit-animation:prompts-empty-hover .6s infinite;animation:prompts-empty-hover .6s infinite}@-webkit-keyframes prompts-warning-hover{0%,to{background:#f59e0b;-webkit-transform:scale(1.1);transform:scale(1.1)}50%{background:#ea580c;-webkit-transform:scale(1.25);transform:scale(1.25)}}@keyframes prompts-warning-hover{0%,to{background:#f59e0b;-webkit-transform:scale(1.1);transform:scale(1.1)}50%{background:#ea580c;-webkit-transform:scale(1.25);transform:scale(1.25)}}@-webkit-keyframes prompts-empty-hover{0%,to{background:#ef4444;-webkit-transform:scale(1.1);transform:scale(1.1)}50%{background:#dc2626;-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes prompts-empty-hover{0%,to{background:#ef4444;-webkit-transform:scale(1.1);transform:scale(1.1)}50%{background:#dc2626;-webkit-transform:scale(1.3);transform:scale(1.3)}}.virtual-assistant.prompts-depleted{opacity:.7}.virtual-assistant.prompts-depleted .assistant-floating-button{-webkit-animation:none;animation:none;-webkit-filter:grayscale(.3);filter:grayscale(.3)}@media (max-width:768px){.prompts-indicator{font-size:9px;height:20px;right:-3px;top:-3px;width:20px}.daily-usage-indicator{margin-right:4px}.usage-text{font-size:9px}.usage-bar{height:2px;width:25px}.daily-limit-message{font-size:11px;margin:8px 10px;padding:10px 12px}.daily-limit-message span:last-child{font-size:10px}}@media (max-width:480px){.prompts-indicator{font-size:8px;height:18px;width:18px}.daily-usage-indicator{display:none}.daily-limit-message{font-size:10px;margin:6px 8px;padding:8px 10px}.input-footer span{font-size:8px}}.daily-usage-indicator[title],.prompts-indicator[aria-label]{cursor:help}.assistant-chat-window{transition:all .3s ease}.assistant-chat-window.limited{border-color:#f59e0b;box-shadow:0 8px 25px rgba(245,158,11,.1)}.assistant-chat-window.depleted{border-color:#ef4444;box-shadow:0 8px 25px rgba(239,68,68,.1)}.assistant-header.low-prompts{background:linear-gradient(135deg,#f59e0b,#ea580c)}.assistant-header.no-prompts{background:linear-gradient(135deg,#ef4444,#dc2626)}.daily-usage-indicator:after{background:rgba(0,0,0,.8);border-radius:4px;bottom:-30px;color:#fff;content:attr(data-tooltip);font-size:10px;left:50%;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;white-space:nowrap;z-index:1000}.daily-usage-indicator:hover:after{opacity:1}.prompts-indicator.critical{-webkit-animation:prompts-critical .5s infinite;animation:prompts-critical .5s infinite;background:#dc2626}@-webkit-keyframes prompts-critical{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(1.3);transform:scale(1.3)}}@keyframes prompts-critical{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.6;-webkit-transform:scale(1.3);transform:scale(1.3)}}.privacy-policy-container{background-color:#0f0f0f;color:#b0c4de;font-family:Montserrat,sans-serif;margin:0 auto;max-width:900px;min-height:100vh;padding:100px 20px 40px}.privacy-policy-container h1{color:#d3d3d3;font-size:2.5em;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:0 0 10px hsla(0,0%,100%,.3);text-transform:uppercase}.privacy-policy-container p{font-size:1em;line-height:1.6;margin-bottom:15px}.privacy-policy-container strong{color:#d3d3d3}.privacy-policy-container section{margin-bottom:30px}.privacy-policy-container h2{color:#90dd80;font-size:1.6em;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.privacy-policy-container ul{list-style-type:disc;margin-bottom:15px;padding-left:30px}.privacy-policy-container li{font-size:1em;line-height:1.5;margin-bottom:10px}.privacy-policy-container a{color:#90dd80;font-weight:600;text-decoration:none}.privacy-policy-container a:hover{color:#b3f89e;text-decoration:underline}@media (max-width:768px){.privacy-policy-container{padding:80px 15px 30px}.privacy-policy-container h1{font-size:2em}.privacy-policy-container h2{font-size:1.4em}.privacy-policy-container li,.privacy-policy-container p{font-size:.95em}}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-box{-webkit-animation:popup-appear .3s ease-out;animation:popup-appear .3s ease-out;background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;max-width:90%;padding:2rem;text-align:center;width:400px}@-webkit-keyframes popup-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes popup-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.popup-box h2{color:#fff;font-size:1.5rem;margin:0 0 1rem}.popup-box p{color:#ccc;font-size:1rem;line-height:1.5;margin:1rem 0}.popup-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.popup-buttons button{border:none;border-radius:5px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.popup-buttons button:first-child{background-color:#333;color:#fff}.popup-buttons button:first-child:hover{background-color:#444}.popup-buttons .popup-confirm,.popup-buttons .popup-plans{background-color:#4682b4;color:#fff}.popup-buttons .popup-confirm:hover,.popup-buttons .popup-plans:hover{background-color:#5a9bd4}@media (max-width:480px){.popup-box{padding:1.5rem;width:85%}.popup-buttons{flex-direction:column}.popup-buttons button{margin:.5rem 0;width:100%}}.ta-loading-bg{align-items:center;background:linear-gradient(135deg,#232526,#414345);display:flex;justify-content:center;left:0;min-height:100vh;position:fixed;top:0;width:100vw;z-index:9999}.ta-loading-glass{align-items:center;-webkit-animation:ta-pulse 2s infinite;animation:ta-pulse 2s infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 8px 32px 0 rgba(31,38,135,.25);display:flex;flex-direction:column;padding:3em 4em}.ta-loading-logo{-webkit-animation:ta-spin 1.2s linear infinite;animation:ta-spin 1.2s linear infinite;height:90px;margin-bottom:2em;width:90px}.ta-loading-text{color:#fff;display:flex;font-size:1.5rem;font-weight:600;gap:2px;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.ta-loading-text span{-webkit-animation:ta-bounce 1.4s infinite;animation:ta-bounce 1.4s infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both}.ta-loading-text span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.ta-loading-text span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}.ta-loading-text span:nth-child(4){-webkit-animation-delay:.3s;animation-delay:.3s}.ta-loading-text span:nth-child(5){-webkit-animation-delay:.4s;animation-delay:.4s}.ta-loading-text span:nth-child(6){-webkit-animation-delay:.5s;animation-delay:.5s}.ta-loading-text span:nth-child(7){-webkit-animation-delay:.6s;animation-delay:.6s}.ta-loading-text span:nth-child(8){-webkit-animation-delay:.7s;animation-delay:.7s}.ta-loading-text span:nth-child(9){-webkit-animation-delay:.8s;animation-delay:.8s}.ta-loading-text span:nth-child(10){-webkit-animation-delay:.9s;animation-delay:.9s}.ta-loading-text span:nth-child(11){-webkit-animation-delay:1s;animation-delay:1s}.ta-loading-text span:nth-child(12){-webkit-animation-delay:1.1s;animation-delay:1.1s}@-webkit-keyframes ta-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ta-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes ta-bounce{0%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes ta-bounce{0%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes ta-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes ta-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:600px){.ta-loading-glass{padding:1.5em 1em}.ta-loading-logo{height:60px;margin-bottom:1em;width:60px}.ta-loading-text{font-size:1.2rem}}:root{--primary-color:#0f0f0f;--secondary-color:#1a1a1a;--accent-blue:#3d3dff;--accent-red:#f36666;--accent-green:#41e47f;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-4:linear-gradient(135deg,#fa709a,#fee140);--gradient-5:linear-gradient(135deg,#a8edea,#fed6e3);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out-expo:cubic-bezier(0.87,0,0.13,1)}body{background-color:#0f0f0f;background-color:var(--primary-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.custom-cursor,.custom-cursor-dot{display:none}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;width:100%;z-index:9999}.newsletter-modal{-webkit-animation:slideUp .5s cubic-bezier(.19,1,.22,1);animation:slideUp .5s cubic-bezier(.19,1,.22,1);-webkit-animation:slideUp .5s var(--ease-out-expo);animation:slideUp .5s var(--ease-out-expo);background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.5);max-width:500px;padding:40px;position:relative;width:90%}.modal-close{background:none;border:none;cursor:pointer;height:30px;position:absolute;right:20px;top:20px;width:30px;z-index:1}.modal-close span{background:#b0c4de;background:var(--text-secondary);height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);transition:all .3s ease;width:100%}.modal-close span:last-child{-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg)}.modal-close:hover span{background:#fff;background:var(--text-primary)}.newsletter-content{text-align:center}.newsletter-content h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);-webkit-background-clip:text;font-size:2rem;margin-bottom:20px}.newsletter-content img{border-radius:10px;height:auto;margin-bottom:20px;width:100%}.hero-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100svh;overflow:hidden;padding:40px 20px;position:relative;text-align:center;width:100vw}.hero-bg{z-index:0}.hero-bg,.hero-gradient{inset:0;position:absolute}.hero-gradient{-webkit-animation:pulse 4s ease-in-out infinite;animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,rgba(61,61,255,.1) 0,transparent 70%)}.hero-particles{-webkit-animation:float 20s linear infinite;animation:float 20s linear infinite;background-image:radial-gradient(circle at 20% 30%,hsla(0,0%,100%,.1) 0,transparent 1%),radial-gradient(circle at 80% 70%,hsla(0,0%,100%,.1) 0,transparent 1%),radial-gradient(circle at 40% 80%,hsla(0,0%,100%,.1) 0,transparent 1%);background-size:200px 200px;inset:0;position:absolute}.hero-content{max-width:1200px;padding:0 20px;width:100%;z-index:1}.hero-content,.hero-title{align-items:center;display:flex;flex-direction:column}.hero-title{font-size:clamp(3rem,10vw,8rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:20px}.title-word{background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text}.title-accent,.title-word{-webkit-text-fill-color:transparent;display:block}.title-accent{-webkit-animation:gradient-shift 3s ease infinite;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);-webkit-background-clip:text}.hero-subtitle{color:#b0c4de;color:var(--text-secondary);font-size:clamp(1rem,3vw,1.5rem);margin-bottom:40px;opacity:.8;text-align:center}.hero-cta{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 auto;overflow:hidden;padding:20px 40px;position:relative;transition:all .3s ease}.hero-cta:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.hero-cta:hover:before{height:300px;width:300px}.hero-cta:hover{box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.cta-arrow{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.hero-scroll-indicator{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;bottom:30px}.scroll-mouse{border:2px solid hsla(0,0%,100%,.3);border-radius:25px;height:50px;position:relative;width:30px}.scroll-wheel{-webkit-animation:scroll-wheel 2s infinite;animation:scroll-wheel 2s infinite;background:hsla(0,0%,100%,.5);border-radius:2px;height:10px;left:50%;position:absolute;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4px}.section-header{margin-bottom:80px;text-align:center}.section-title{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;margin-bottom:20px}.section-description{color:#b0c4de;color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.oposiciones-section{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);background:linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color) 100%);padding:120px 20px;position:relative}.oposiciones-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.oposicion-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.oposicion-card:before{background:var(--gradient);content:"";height:200%;left:-50%;opacity:.05;position:absolute;top:-50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .6s ease;width:200%}.oposicion-card:hover:before{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.oposicion-card:hover{border-color:hsla(0,0%,100%,.2);box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.oposicion-card .card-media{height:250px;overflow:hidden;position:relative}.oposicion-card .card-media img,.oposicion-card .card-media video{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease;width:100%}.oposicion-card:hover .card-media img,.oposicion-card:hover .card-media video{-webkit-filter:grayscale(0);filter:grayscale(0)}.oposicion-card .card-content{padding:30px}.oposicion-card .card-content h3{font-size:1.8rem;margin-bottom:15px}.oposicion-card .card-content p{color:#b0c4de;color:var(--text-secondary);line-height:1.6;margin-bottom:25px}.oposicion-card .card-cta{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.oposicion-card .card-cta:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.4);-webkit-transform:translateX(5px);transform:translateX(5px)}.oposicion-card .card-cta svg{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.oposicion-card .card-cta:hover svg{-webkit-transform:translateX(5px);transform:translateX(5px)}.wellness-section{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:120px 20px;position:relative}.wellness-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.wellness-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.wellness-card:before{background:var(--gradient);content:"";height:200%;left:-50%;opacity:.05;position:absolute;top:-50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .6s ease;width:200%}.wellness-card:hover:before{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.wellness-card:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.card-media{border-radius:15px;height:200px;overflow:hidden;position:relative;width:100%}.card-media video{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.card-media img,.card-media video{height:100%;object-fit:cover;width:100%}.wellness-card:hover .card-media video{-webkit-filter:grayscale(0);filter:grayscale(0)}.card-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:20px;text-align:center}.card-content h3{font-size:1.5rem;margin-bottom:10px}.card-content p{color:#b0c4de;color:var(--text-secondary);flex-grow:1;margin-bottom:20px}.card-cta{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.card-cta:hover{background:hsla(0,0%,100%,.2);box-shadow:0 10px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-cta svg{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.card-cta:hover svg{-webkit-transform:translateX(5px);transform:translateX(5px)}.card-cta:disabled{cursor:not-allowed;opacity:.6}.plans-section{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);background:linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color) 100%);padding:120px 20px;position:relative}.plans-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.plan-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:500px;overflow:hidden;padding:40px;position:relative;transition:all .3s ease}.plan-card:before{background:var(--gradient);content:"";height:200%;left:-50%;opacity:.05;position:absolute;top:-50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .6s ease;width:200%}.plan-card:hover:before{-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.plan-card:hover{border-color:hsla(0,0%,100%,.3);box-shadow:0 20px 40px rgba(0,0,0,.3);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.plan-card.popular{border-color:#3d3dff;border-color:var(--accent-blue);-webkit-transform:scale(1.05);transform:scale(1.05)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border-radius:20px;font-size:.8rem;font-weight:600;padding:5px 15px;position:absolute;right:20px;top:20px}.plan-header{margin-bottom:30px}.plan-header h3{font-size:2rem;margin-bottom:20px}.plan-credits{align-items:baseline;display:flex;gap:10px}.plan-credits-number{-webkit-text-fill-color:transparent;background:var(--gradient);-webkit-background-clip:text;font-size:3rem;font-weight:800}.plan-credits-label{color:#b0c4de;color:var(--text-secondary)}.plan-price{border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:30px;padding-bottom:30px}.price-amount{font-size:2.5rem;font-weight:800}.price-period{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem}.plan-features{flex-grow:1;list-style:none;margin-bottom:40px}.plan-features li{align-items:center;color:#b0c4de;color:var(--text-secondary);display:flex;gap:15px;padding:15px 0}.plan-features svg{color:#41e47f;color:var(--accent-green);flex-shrink:0}.plan-cta{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:auto;padding:15px;transition:all .3s ease;width:100%}.plan-cta:hover{background:hsla(0,0%,100%,.2);box-shadow:0 10px 20px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plan-card.popular .plan-cta{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none}.suggestions-section{background:#1a1a1a;background:var(--secondary-color);overflow:hidden;padding:120px 20px;position:relative}.plan-card.popular .plan-cta:hover{box-shadow:0 10px 30px rgba(102,126,234,.4)}.suggestions-bg{inset:0;overflow:hidden;position:absolute}.suggestions-pattern{-webkit-animation:slide 20s linear infinite;animation:slide 20s linear infinite;background:repeating-linear-gradient(45deg,transparent,transparent 10px,hsla(0,0%,100%,.01) 0,hsla(0,0%,100%,.01) 20px);height:200%;position:absolute;width:200%}.suggestions-form{margin:0 auto;max-width:600px}.form-group{margin-bottom:30px;position:relative}.form-group textarea{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;color:#fff;color:var(--text-primary);font-size:1.1rem;min-height:150px;padding:20px;resize:vertical;transition:all .3s ease;width:100%}.form-group textarea:focus{background:hsla(0,0%,100%,.05);border-color:#3d3dff;border-color:var(--accent-blue);outline:none}.textarea-border{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border-radius:15px;inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.form-group textarea:focus~.textarea-border{opacity:.3}.submit-btn{align-items:center;background:transparent;border:2px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;overflow:hidden;padding:15px 40px;position:relative;transition:all .3s ease}.submit-bg{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);inset:0;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.submit-btn:hover .submit-bg{-webkit-transform:translateX(0);transform:translateX(0)}.submit-btn span{position:relative;z-index:1}.faq-section{background:linear-gradient(180deg,#0f0f0f,#1a1a1a);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:120px 20px}.faq-container{margin:0 auto;max-width:800px}.faq-item{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.faq-item.active{background:hsla(0,0%,100%,.05);border-color:#3d3dff;border-color:var(--accent-blue)}.faq-question{align-items:center;background:transparent;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;font-weight:600;justify-content:space-between;padding:25px 30px;text-align:left;transition:all .3s ease;width:100%}.faq-icon{flex-shrink:0;height:20px;position:relative;width:20px}.faq-icon span{background:#b0c4de;background:var(--text-secondary);height:2px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;width:100%}.faq-icon span:last-child{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}.faq-item.active .faq-icon span:last-child{opacity:0;-webkit-transform:translateY(-50%) rotate(0);transform:translateY(-50%) rotate(0)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{max-height:300px}.faq-answer p{color:#b0c4de;color:var(--text-secondary);line-height:1.6;padding:0 30px 25px}.updates-section{background:#1a1a1a;background:var(--secondary-color);padding:120px 20px}.updates-timeline{margin:0 auto;max-width:800px;padding-left:50px;position:relative}.timeline-line{background:hsla(0,0%,100%,.1);bottom:0;left:0;position:absolute;top:0;width:2px}.timeline-item{cursor:pointer;margin-bottom:50px;transition:all .3s ease}.timeline-marker{background:#1a1a1a;background:var(--secondary-color);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;height:20px;left:-51px;position:absolute;top:5px;transition:all .3s ease;width:20px}.timeline-item.active .timeline-marker{background:#3d3dff;background:var(--accent-blue);border-color:#3d3dff;border-color:var(--accent-blue);box-shadow:0 0 20px rgba(61,61,255,.5)}.timeline-content{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;padding:20px 30px;transition:all .3s ease}.timeline-item:hover .timeline-content{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.timeline-item.active .timeline-content{background:rgba(61,61,255,.1);border-color:#3d3dff;border-color:var(--accent-blue)}.timeline-content h3{color:#fff;color:var(--text-primary);font-size:1.5rem;margin-bottom:20px}.timeline-content ul{list-style:none}.timeline-content li{color:#b0c4de;color:var(--text-secondary);line-height:1.6;margin-bottom:15px;padding-left:25px;position:relative}.timeline-content li:before{color:#3d3dff;color:var(--accent-blue);content:"→";left:0;position:absolute}.cookie-popup{-webkit-animation:slideUp .5s cubic-bezier(.19,1,.22,1);animation:slideUp .5s cubic-bezier(.19,1,.22,1);-webkit-animation:slideUp .5s var(--ease-out-expo);animation:slideUp .5s var(--ease-out-expo);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:15px;bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.5);max-width:400px;padding:30px;position:fixed;right:30px;z-index:1000}.cookie-content p{color:#b0c4de;color:var(--text-secondary);margin-bottom:20px}.cookie-actions{display:flex;gap:15px}.cookie-actions button{border:none;border-radius:50px;cursor:pointer;flex:1 1;font-weight:600;padding:12px 20px;transition:all .3s ease}.cookie-reject{background:hsla(0,0%,100%,.1);color:#b0c4de;color:var(--text-secondary)}.cookie-reject:hover{background:hsla(0,0%,100%,.2)}.cookie-accept{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);color:#fff;color:var(--text-primary)}.cookie-accept:hover{box-shadow:0 5px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}60%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes scroll-wheel{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}}@keyframes scroll-wheel{0%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}to{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}}@-webkit-keyframes slide{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes slide{0%{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}to{-webkit-transform:translate(0);transform:translate(0)}}@media (max-width:1200px){.oposiciones-grid,.plans-container,.wellness-grid{grid-template-columns:1fr}}@media (max-width:768px){.hero-title{font-size:clamp(2.5rem,8vw,5rem)}.section-title{font-size:clamp(2rem,4vw,3rem)}.section-header{margin-bottom:50px}.oposiciones-grid,.plans-container,.wellness-grid{grid-template-columns:1fr}.plan-card.popular{-webkit-transform:scale(1);transform:scale(1)}.timeline-content{padding:15px 20px}.timeline-content h3{font-size:1.2rem}.cookie-popup{bottom:20px;left:20px;max-width:none;right:20px}}@media (max-width:480px){.hero-section{padding:20px 15px}.hero-cta{padding:15px 30px}.hero-cta,.section-description{font-size:1rem}.card-content{padding:20px}.card-content h3,.plan-header h3{font-size:1.5rem}.plan-credits-number{font-size:2.5rem}.price-amount{font-size:2rem}.faq-question{font-size:1.1rem;padding:20px}.updates-timeline{padding-left:30px}.timeline-marker{height:16px;left:-31px;width:16px}.newsletter-modal{padding:30px 20px}.newsletter-content h2{font-size:1.5rem}}.loading{opacity:.6;pointer-events:none}.skeleton{-webkit-animation:skeleton-loading 1.5s infinite;animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.05) 25%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 75%);background-size:200% 100%}@-webkit-keyframes skeleton-loading{0%{background-position:200% 50%}to{background-position:-200% 50%}}@keyframes skeleton-loading{0%{background-position:200% 50%}to{background-position:-200% 50%}}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}a:focus-visible,button:focus-visible{outline:2px solid #3d3dff;outline:2px solid var(--accent-blue);outline-offset:2px}@media print{.cookie-popup,.hero-section,.modal-overlay{display:none}body{background:#fff;color:#000}}@media (prefers-contrast:high){.faq-item,.oposicion-card,.plan-card,.timeline-content,.wellness-card{border-width:2px}.hero-title,.section-title{-webkit-text-fill-color:unset;background:none;color:#fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-scroll-indicator{display:none}}.hero-cta .cta-arrow{margin-left:8px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.hero-cta:hover .cta-arrow{-webkit-transform:translateX(5px);transform:translateX(5px)}.hero-scroll-indicator{align-items:center;bottom:20px;display:flex;flex-direction:column;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-arrow{-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite;color:#fff;font-size:1.5rem}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}.show-more-updates{display:flex;justify-content:center;margin-top:40px;padding-left:50px}.show-more-btn{align-items:center;background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:12px;overflow:hidden;padding:15px 30px;position:relative;transition:all .3s ease}.show-more-btn:before{background:rgba(61,61,255,.1);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease;width:0}.show-more-btn:hover:before{height:100px;width:100px}.show-more-btn:hover{background:hsla(0,0%,100%,.05);border-color:rgba(61,61,255,.3);box-shadow:0 8px 25px rgba(61,61,255,.2);color:#fff;color:var(--text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.show-more-icon{align-items:center;display:flex;justify-content:center}.show-more-icon,.show-more-icon svg{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.show-more-icon svg.rotated{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.show-more-btn:hover .show-more-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.timeline-item{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:all .5s ease}.timeline-item.entering{-webkit-animation:slideInUpdate .5s ease forwards;animation:slideInUpdate .5s ease forwards;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}.timeline-item.exiting{-webkit-animation:slideOutUpdate .3s ease forwards;animation:slideOutUpdate .3s ease forwards;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}@-webkit-keyframes slideInUpdate{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUpdate{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideOutUpdate{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes slideOutUpdate{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media (max-width:768px){.show-more-updates{margin-top:30px;padding-left:30px}.show-more-btn{font-size:.9rem;gap:8px;padding:12px 24px}.show-more-icon svg{height:16px;width:16px}}@media (max-width:480px){.show-more-updates{margin-top:25px;padding-left:15px}.show-more-btn{font-size:.85rem;padding:10px 20px}.show-more-btn span{text-align:center}}:root{--bg-primary:#0f0f0f;--bg-tertiary:#2a2a2a;--bg-surface:#212121;--bg-surface-hover:#2d2d2d;--text-secondary:#d4d4d8;--text-muted:#8e8ea0;--accent-primary:#00d4aa;--accent-secondary:#7c3aed;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-error:#ef4444;--border-subtle:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.2);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.3);--shadow-lg:0 10px 25px rgba(0,0,0,.4);--radius:12px;--radius-sm:8px;--radius-lg:16px}body{margin:0;padding:0}.login-container{align-items:center;-webkit-animation:fadeIn .6s ease;animation:fadeIn .6s ease;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,rgba(0,212,170,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(124,58,237,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,212,170,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.quote-box{-webkit-animation:fadeInUp .6s ease .1s both;animation:fadeInUp .6s ease .1s both;margin-bottom:32px;position:relative;z-index:1}.quote-box h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4aa,#7c3aed);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 16px}.quote-box p{color:#d4d4d8;font-size:1.1rem;font-weight:400;margin:0}.login-form{-webkit-animation:fadeInUp .6s ease .2s both;animation:fadeInUp .6s ease .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,26,26,.8);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 25px rgba(0,0,0,.4);box-shadow:var(--shadow-lg);max-width:420px;padding:40px;position:relative;width:100%;z-index:1}.login-form input{background:#2a2a2a;background:var(--bg-tertiary);border:2px solid hsla(0,0%,100%,.1);border:2px solid var(--border-subtle);border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--text-primary);font-family:inherit;font-size:1rem;margin-bottom:20px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.login-form input::-webkit-input-placeholder{color:#8e8ea0;color:var(--text-muted)}.login-form input:-ms-input-placeholder{color:#8e8ea0;color:var(--text-muted)}.login-form input::placeholder{color:#8e8ea0;color:var(--text-muted)}.login-form input:focus{background:#1a1a1a;background:var(--bg-secondary);border-color:#00d4aa;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(0,212,170,.1)}.login-form input:hover{border-color:hsla(0,0%,100%,.2);border-color:var(--border-strong)}.login-form input:invalid{border-color:#ef4444;border-color:var(--accent-error)}.login-form input:valid{border-color:#22c55e;border-color:var(--accent-success)}.login-form button[type=submit]{background:linear-gradient(135deg,#00d4aa,#00b89a);background:linear-gradient(135deg,var(--accent-primary),#00b89a);border:none;border-radius:12px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:24px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease;width:100%}.login-form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#00b89a,#00d4aa);background:linear-gradient(135deg,#00b89a,var(--accent-primary));box-shadow:0 4px 6px rgba(0,0,0,.3);box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-form button[type=submit]:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-form button[type=submit]:disabled{background:#2a2a2a;background:var(--bg-tertiary);box-shadow:none;color:#8e8ea0;color:var(--text-muted);cursor:not-allowed;-webkit-transform:none;transform:none}.login-form button[type=submit]:disabled:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#8e8ea0;border-top:2px solid var(--text-muted);content:"";height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.login-message{border-radius:12px;border-radius:var(--radius);font-size:.9rem;font-weight:500;margin-bottom:20px;padding:12px 16px}.login-message.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;color:var(--accent-error)}.login-links{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.login-links a{color:#00d4aa;color:var(--accent-primary);font-size:.9rem;font-weight:500;padding:8px 0;text-decoration:none;transition:all .2s ease}.login-links a:hover{color:#00b89a;text-decoration:underline}@media (max-width:768px){.login-container{padding:16px}.quote-box h2{font-size:2rem}.quote-box p{font-size:1rem}.login-form{max-width:100%;padding:32px 24px}.login-form input{font-size:.95rem;padding:14px 16px}.login-form button[type=submit]{font-size:.95rem;padding:14px}.login-links{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.quote-box h2{font-size:1.75rem}.login-form{padding:24px 20px}.login-form input{margin-bottom:16px;padding:12px 14px}.login-form button[type=submit]{margin-bottom:20px;padding:12px}}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.login-form,.login-form input{border:2px solid hsla(0,0%,100%,.2);border:2px solid var(--border-strong)}.login-message.error{border:2px solid #ef4444;border:2px solid var(--accent-error)}}:root{--nav-height:70px;--ticker-height:35px;--nav-bg:hsla(0,0%,6%,.95);--nav-border:hsla(0,0%,100%,.1);--accent-blue:#5dade2;--gradient-hover:linear-gradient(135deg,#b3f89e,#90dd80);--shadow-glow:0 0 20px rgba(179,248,158,.3)}.navbar-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,6%,.95)!important;background:var(--nav-bg)!important;border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--nav-border);display:block!important;left:0!important;position:fixed!important;top:0!important;transition:all .3s ease;width:100%!important;z-index:9999!important}.navbar,.navbar-wrapper{opacity:1!important;visibility:visible!important}.navbar{align-items:center;display:flex!important;font-family:Inter,-apple-system,sans-serif;height:70px;height:var(--nav-height);padding:0 40px;position:relative;width:100%}.logo-container{opacity:1!important;visibility:visible!important;z-index:10}.desktop-layout .logo-container{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.logo{cursor:pointer;display:block!important;-webkit-filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));filter:drop-shadow(0 2px 10px rgba(0,0,0,.5));height:25px;opacity:1!important;transition:all .3s ease;visibility:visible!important;width:auto}.logo:hover{-webkit-filter:drop-shadow(0 4px 20px rgba(179,248,158,.4));filter:drop-shadow(0 4px 20px rgba(179,248,158,.4));-webkit-transform:scale(1.05);transform:scale(1.05)}.desktop-layout{height:100%;justify-content:space-between;width:100%}.desktop-layout,.nav-links{align-items:center;display:flex!important;opacity:1!important;visibility:visible!important}.nav-links{gap:30px;list-style:none;margin:0;padding:0}.nav-links.left-links{flex:1 1}.nav-links.right-links{flex:1 1;justify-content:flex-end}.nav-item{opacity:1!important;position:relative;visibility:visible!important}.nav-item:after{background:transparent;content:"";height:15px;left:0;position:absolute;right:0;top:100%;z-index:9999}.dropdown-toggle,.nav-link{border-radius:8px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;display:inline-block!important;font-size:.95rem;font-weight:500;letter-spacing:.5px;opacity:1!important;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s ease;visibility:visible!important}.dropdown-toggle:before,.nav-link:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-hover);bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease;width:0}.dropdown-toggle:hover,.nav-link:hover{background:hsla(0,0%,100%,.05);color:#fff;color:var(--text-primary)}.dropdown-toggle:hover:before,.nav-link:hover:before{width:80%}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,26,26,.98);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);left:50%;min-width:220px;opacity:0;padding:8px;position:absolute;top:calc(100% + 10px);-webkit-transform:translateX(-50%) translateY(-10px);transform:translateX(-50%) translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:10000}.dropdown-menu.open,.nav-item:hover .dropdown-menu{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0);visibility:visible}.dropdown-item{margin:4px 0}.dropdown-item,.dropdown-link{border-radius:8px;transition:all .2s ease}.dropdown-link{color:#b0c4de;color:var(--text-secondary);display:block;font-size:.9rem;overflow:hidden;padding:12px 50px 12px 16px;position:relative;text-decoration:none}.dropdown-link:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:100%;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:width .3s ease;width:0;z-index:-1}.dropdown-link:hover{color:#fff;color:var(--text-primary);padding-left:24px}.dropdown-link:hover:before{width:100%}.badge{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;background:#b3f89e;background:var(--accent-green);border-radius:8px;color:#000;display:inline-block;font-size:.45rem;font-weight:600;letter-spacing:.2px;padding:1px 4px;position:absolute;right:10px;text-transform:uppercase;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.credits-info{background:hsla(0,0%,100%,.02);border:1px solid rgba(179,248,158,.2);border-radius:8px;padding:12px 16px}.credits-amount{color:#b3f89e;color:var(--accent-green);font-size:1.1rem;font-weight:700;text-shadow:0 0 10px rgba(179,248,158,.5)}.view-plans{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff!important;color:var(--text-primary)!important;font-weight:600;text-align:center}.view-plans:hover{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-hover);box-shadow:0 0 20px rgba(179,248,158,.3);box-shadow:var(--shadow-glow);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-info{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:25px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;overflow:hidden;padding:8px 20px;position:relative;transition:all .3s ease}.user-info:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.user-info:hover:before{height:100px;width:100px}.user-info:hover{box-shadow:0 5px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.user-dropdown .dropdown-menu{left:auto;right:0;-webkit-transform:translateX(0) translateY(-10px);transform:translateX(0) translateY(-10px)}.user-dropdown:hover .dropdown-menu{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}.cancel-subscription-button,.logout-button{background:transparent;border:none;border-radius:8px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:12px;text-align:left;transition:all .3s ease;width:100%}.logout-button:hover{background:rgba(250,83,83,.1);color:#f66;padding-left:20px}.cancel-subscription-button:hover{background:rgba(255,64,64,.1);color:#ff4040;color:var(--accent-red);padding-left:20px}.login-button{background:transparent;border:2px solid #5dade2;border:2px solid var(--accent-blue);border-radius:25px;color:#5dade2;color:var(--accent-blue);cursor:pointer;font-weight:600;overflow:hidden;padding:10px 24px;position:relative;transition:all .3s ease}.login-button:before{background:#5dade2;background:var(--accent-blue);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:-1}.login-button:hover:before{height:100px;width:100px}.login-button:hover{box-shadow:0 5px 20px rgba(70,130,180,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.ticker-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,rgba(26,26,26,.95),rgba(26,26,26,.98) 50%,rgba(26,26,26,.95));border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--nav-border);bottom:0;height:35px;height:var(--ticker-height);overflow:hidden;position:fixed;width:100%;z-index:9998}.ticker{-webkit-animation:ticker 30s linear infinite;animation:ticker 30s linear infinite;height:100%}.ticker,.ticker span{align-items:center;display:flex}.ticker span{color:#b0c4de;color:var(--text-secondary);font-size:.9rem;gap:10px;padding:0 50px;white-space:nowrap}.divider{color:hsla(0,0%,100%,.3);margin:0 10px}.subscription-status{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px}.subscription-status.active{background:rgba(179,248,158,.2);border:1px solid rgba(179,248,158,.3);color:#b3f89e;color:var(--accent-green)}.subscription-status.inactive{background:rgba(250,83,83,.2);border:1px solid rgba(250,83,83,.3);color:#ff4040;color:var(--accent-red)}.news-highlight{color:#b3f89e;color:var(--accent-green);font-weight:600;text-shadow:0 0 10px rgba(179,248,158,.3)}@-webkit-keyframes ticker{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes ticker{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.hamburger{cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px;z-index:1001}.hamburger span{background:#fff;background:var(--text-primary);border-radius:2px;height:2px;transition:all .3s ease;width:25px}.hamburger:hover span{background:#b3f89e;background:var(--accent-green)}.nav-links.mobile-menu{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,6%,.98);box-shadow:2px 0 20px rgba(0,0,0,.5);flex-direction:column;gap:10px;height:100vh;left:-100%;max-width:350px;overflow-y:auto;padding:80px 20px 20px;position:fixed;top:0;transition:left .3s ease;width:80%}.nav-links.mobile-menu.open{left:0}.mobile-menu.open:before{background:rgba(0,0,0,.5);content:"";height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}@media (max-width:768px){.navbar{height:60px;padding:0 20px}.logo{height:40px}.nav-item{margin:0;position:relative;width:100%}.dropdown-toggle,.nav-link{border-radius:8px;display:block;padding:15px;text-align:left;width:100%}.mobile-menu .dropdown-menu{background:rgba(26,26,26,.5)!important;border-radius:8px!important;box-shadow:none!important;box-sizing:border-box!important;display:none!important;left:0!important;margin-top:5px!important;max-width:100%!important;opacity:1!important;overflow:visible!important;padding:8px 0!important;position:static!important;right:0!important;top:auto!important;-webkit-transform:none!important;transform:none!important;visibility:visible!important;width:100%!important}.mobile-menu .dropdown-menu.open{display:block!important}.mobile-menu .dropdown-item{margin:2px 0!important;overflow:hidden!important;padding:0 16px!important;width:100%!important}.mobile-menu .dropdown-link{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between!important;max-width:100%!important;overflow:hidden!important;padding:12px 50px 12px 16px!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.mobile-menu .dropdown-link:hover{background:hsla(0,0%,100%,.05)!important;padding-left:20px!important}.mobile-menu .badge{flex-shrink:0!important;margin-left:10px!important;position:relative!important;right:auto!important;top:auto!important;-webkit-transform:none!important;transform:none!important}.mobile-menu .oposiciones-dropdown .dropdown-menu,.mobile-menu .planes-dropdown .dropdown-menu,.mobile-menu .user-dropdown .dropdown-menu{left:0!important;position:static!important;right:0!important;-webkit-transform:none!important;transform:none!important;width:100%!important}.login-button{margin:5px 0;width:100%}.ticker-wrapper{bottom:0;height:30px}.ticker span{font-size:.8rem;padding:0 30px}}.navbar-wrapper.scrolled{background:hsla(0,0%,6%,.98);box-shadow:0 5px 20px rgba(0,0,0,.3)}.navbar-wrapper.scrolled .logo{height:45px}@media (prefers-contrast:high){.navbar-wrapper{border-bottom:2px solid #fff}.dropdown-menu{border:2px solid #fff}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}:root{--bg-card:rgba(26,26,26,.8);--accent-blue:#4682b4;--accent-red:#ff4040;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-success:linear-gradient(135deg,#b3f89e,#90dd80);--shadow-primary:0 10px 40px rgba(0,0,0,.3);--shadow-glow:0 0 30px rgba(179,248,158,.3)}.auth-container.register-page{align-items:center;background:#0a0a0a;background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container.register-page:before{-webkit-animation:float 20s ease-in-out infinite;animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(245,87,108,.1) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(179,248,158,.1) 0,transparent 50%);content:"";height:200%;pointer-events:none;position:absolute;width:200%}@-webkit-keyframes float{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-20px,-20px) rotate(120deg);transform:translate(-20px,-20px) rotate(120deg)}66%{-webkit-transform:translate(20px,-10px) rotate(240deg);transform:translate(20px,-10px) rotate(240deg)}}@keyframes float{0%,to{-webkit-transform:translate(0) rotate(0deg);transform:translate(0) rotate(0deg)}33%{-webkit-transform:translate(-20px,-20px) rotate(120deg);transform:translate(-20px,-20px) rotate(120deg)}66%{-webkit-transform:translate(20px,-10px) rotate(240deg);transform:translate(20px,-10px) rotate(240deg)}}.register-card{-webkit-animation:slideUp .6s ease-out;animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(26,26,26,.8);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 10px 40px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);max-width:480px;padding:40px;position:relative;width:100%;z-index:1}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.quote-box{margin-bottom:30px;text-align:center;width:100%}.quote-box h3{-webkit-text-fill-color:transparent;text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:10px}.quote-box p{color:#b0c4de;color:var(--text-secondary);font-size:1rem;font-style:italic}.auth-form{gap:20px;margin:0 auto;max-width:480px;width:100%}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:#fff;color:var(--text-primary);font-size:1rem;outline:none;padding:16px;transition:all .3s ease;width:100%}.auth-form input:focus{background:hsla(0,0%,100%,.08);border-color:#4682b4;border-color:var(--accent-blue);box-shadow:0 0 20px rgba(70,130,180,.2)}.auth-form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.auth-form input:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.auth-form input::placeholder{color:hsla(0,0%,100%,.4)}.password-field{position:relative}.password-field input{padding-right:50px}.password-field span{color:#b0c4de;color:var(--text-secondary);cursor:pointer;position:absolute;right:16px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:color .3s ease}.password-field span:hover{color:#4682b4;color:var(--accent-blue)}.auth-form small{align-items:center;display:flex;font-size:.85rem;gap:8px;margin-top:-10px;transition:all .3s ease}.auth-form small.valid{color:#b3f89e;color:var(--accent-green)}.auth-form small.invalid{color:#ff4040;color:var(--accent-red)}.checkbox-container{align-items:flex-start;display:flex;gap:10px;margin:10px 0}.checkbox-container label{color:#b0c4de;color:var(--text-secondary);cursor:pointer;font-size:.9rem;line-height:1.4;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{accent-color:#b3f89e;accent-color:var(--accent-green);cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;width:20px}.checkbox-container a{color:#4682b4;color:var(--accent-blue);text-decoration:none;transition:all .3s ease}.checkbox-container a:hover{color:#b3f89e;color:var(--accent-green);text-decoration:underline}.auth-form button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.auth-form button[type=submit]:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.auth-form button[type=submit]:hover:not(:disabled){box-shadow:0 10px 30px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.auth-form button[type=submit]:hover:not(:disabled):before{height:300px;width:300px}.auth-form button[type=submit]:disabled{background:linear-gradient(135deg,#666,#444);cursor:not-allowed;opacity:.7}.auth-message{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;border-radius:8px;font-size:.9rem;padding:12px;text-align:center}.auth-message.error{background:rgba(255,64,64,.1);border:1px solid rgba(255,64,64,.3);color:#ff4040;color:var(--accent-red)}.auth-message.success{background:rgba(179,248,158,.1);border:1px solid rgba(179,248,158,.3);color:#b3f89e;color:var(--accent-green)}.auth-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.auth-links a{color:#4682b4;color:var(--accent-blue);font-size:.9rem;text-decoration:none;transition:all .3s ease}.auth-links a:hover{color:#b3f89e;color:var(--accent-green);text-decoration:underline}.password-strength{background:hsla(0,0%,100%,.1);border-radius:2px;height:4px;margin-top:-8px;overflow:hidden;position:relative}.password-strength:after{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-success);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;width:var(--strength,0)}@media (max-width:768px){.register-card{padding:30px 20px}.quote-box h3{font-size:1.5rem}.auth-form input{font-size:16px;padding:14px}.auth-form button[type=submit]{font-size:1rem;padding:14px}}@media (prefers-color-scheme:dark){.auth-form input{background:hsla(0,0%,100%,.03)}}body{background-color:#0f0f0f!important;color:#e0e0e0;font-family:Montserrat,sans-serif}.auth-page{align-items:center;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-box{background:#1a1a1a;border-radius:16px;box-shadow:0 0 25px rgba(144,221,128,.2);max-width:400px;padding:40px;text-align:center;width:100%}.auth-box h1{color:#90dd80;margin-bottom:10px}.auth-quote{color:#999;font-size:14px;font-style:italic;margin-bottom:25px}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form input{background:#2a2a2a;color:#fff}.auth-form button,.auth-form input{border:none;border-radius:8px;padding:12px}.auth-form button{background:#90dd80;color:#1a1a1a;cursor:pointer;font-weight:700;transition:background .3s ease}.auth-form button:hover{background:#75c666}.auth-message{color:tomato;font-size:14px;margin-bottom:10px}:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-card:hsla(0,0%,100%,.05);--bg-card-hover:hsla(0,0%,100%,.08);--text-primary:#fff;--text-secondary:#b0c4de;--accent-green:#b3f89e;--accent-blue:#667eea;--accent-purple:#764ba2;--accent-red:#ff6b6b;--gradient-green:linear-gradient(135deg,#b3f89e,#90dd80);--gradient-blue:linear-gradient(135deg,#667eea,#764ba2);--gradient-red:linear-gradient(135deg,#ff6b6b,#ee5a24);--gradient-gold:linear-gradient(135deg,#facc15,#f97316);--gradient-purple:linear-gradient(135deg,#c084fc,#ec4899);--gradient-cyan:linear-gradient(135deg,#60a5fa,#06b6d4);--shadow-primary:0 10px 30px rgba(0,0,0,.3);--shadow-glow-green:0 10px 30px rgba(179,248,158,.3);--shadow-glow-blue:0 10px 30px rgba(102,126,234,.3);--border-color:hsla(0,0%,100%,.1);--border-hover:hsla(0,0%,100%,.2);--navbar-height:80px}body{background:#0a0a0a;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.navbar-placeholder{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,26,.95);border-bottom:1px solid hsla(0,0%,100%,.1);border-bottom:1px solid var(--border-color);color:#b0c4de;color:var(--text-secondary);display:flex;font-size:.9rem;height:80px;height:var(--navbar-height);justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.profile-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:140px 20px 40px;padding:calc(var(--navbar-height) + 60px) 20px 40px}.profile-header{-webkit-animation:fadeInDown .6s ease;animation:fadeInDown .6s ease;justify-content:space-between;margin-bottom:40px}.profile-header,.profile-title{align-items:center;display:flex}.profile-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;gap:16px;margin:0}.title-icon{color:#b3f89e;color:var(--accent-green);height:40px;min-width:40px;width:40px}.logout-button{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:16px;color:#b0c4de;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:10px;overflow:hidden;padding:14px 28px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{background:hsla(0,100%,71%,.15);border-color:hsla(0,100%,71%,.3);box-shadow:0 8px 25px hsla(0,100%,71%,.2);color:#ff6b6b;color:var(--accent-red);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.loading-container{align-items:center;color:#b0c4de;color:var(--text-secondary);display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:calc(100vh - 80px);min-height:calc(100vh - var(--navbar-height))}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-top-color:#b3f89e;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-green);height:60px;width:60px}.user-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:24px;display:flex;gap:40px;margin-bottom:40px;opacity:0;overflow:hidden;padding:40px;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.user-card:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);content:"";height:2px;left:0;position:absolute;right:0;top:0}.user-card.animate{-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.user-card:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.user-avatar{flex-shrink:0;position:relative}.avatar-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);border-radius:50%;box-shadow:0 10px 30px rgba(102,126,234,.3);box-shadow:var(--shadow-glow-blue);color:#fff;color:var(--text-primary);display:flex;font-size:3rem;font-weight:700;height:120px;justify-content:center;overflow:hidden;position:relative;text-transform:uppercase;width:120px}.avatar-circle:before{-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite;background:conic-gradient(transparent,hsla(0,0%,100%,.2),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.plan-badge{align-items:center;background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border:4px solid #0a0a0a;border:4px solid var(--bg-primary);border-radius:50%;bottom:-8px;box-shadow:0 4px 15px rgba(0,0,0,.3);color:#fff;color:var(--text-primary);display:flex;height:48px;justify-content:center;position:absolute;right:-8px;width:48px}.plan-badge.premium{background:linear-gradient(135deg,#facc15,#f97316);background:var(--gradient-gold);box-shadow:0 4px 15px rgba(249,115,22,.4)}.plan-badge.avanzado{background:linear-gradient(135deg,#c084fc,#ec4899);background:var(--gradient-purple);box-shadow:0 4px 15px rgba(192,132,252,.4)}.plan-badge.basico{background:linear-gradient(135deg,#60a5fa,#06b6d4);background:var(--gradient-cyan);box-shadow:0 4px 15px rgba(96,165,250,.4)}.user-info{flex:1 1;min-width:0}.user-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#b3f89e);background:linear-gradient(135deg,var(--text-primary),var(--accent-green));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-size:2.2rem;font-weight:700;margin:0 0 12px}.user-email{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem;margin:0 0 24px;word-break:break-word}.user-stats{display:flex;flex-wrap:wrap;gap:20px}.stat-item{align-items:center;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:25px;color:#b3f89e;color:var(--accent-green);display:flex;font-size:1rem;font-weight:500;gap:10px;padding:12px 20px;transition:all .3s ease}.stat-item:hover{background:rgba(179,248,158,.1);box-shadow:0 4px 15px rgba(179,248,158,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.section-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:50px}.credits-card,.status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;opacity:0;overflow:hidden;padding:32px;position:relative;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.credits-card:before,.status-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-blue);content:"";height:3px;left:0;position:absolute;right:0;top:0}.credits-card:before{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green)}.credits-card.animate,.status-card.animate{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.credits-card:hover,.status-card:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);box-shadow:0 10px 30px rgba(0,0,0,.3);box-shadow:var(--shadow-primary);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.card-header h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0}.status-badge{align-items:center;border:1px solid transparent;border-radius:25px;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.status-badge.active{background:rgba(179,248,158,.15);border-color:rgba(179,248,158,.3);color:#b3f89e;color:var(--accent-green)}.status-badge.inactive{background:hsla(0,100%,71%,.15);border-color:hsla(0,100%,71%,.3);color:#ff6b6b;color:var(--accent-red)}.subscription-details{display:flex;flex-direction:column;gap:20px}.detail-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:16px 0}.detail-label{color:#b0c4de;color:var(--text-secondary);font-size:1rem;font-weight:500}.detail-value{color:#fff;color:var(--text-primary);font-weight:600}.plan-name{font-weight:600;gap:10px}.days-remaining,.plan-name{align-items:center;color:#b3f89e;color:var(--accent-green);display:flex}.days-remaining{background:rgba(179,248,158,.1);border:1px solid rgba(179,248,158,.2);border-radius:12px;font-size:1rem;font-weight:500;gap:12px;margin-top:24px;padding:16px}.cancel-button{align-items:center;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:12px;box-shadow:0 4px 12px hsla(0,100%,71%,.1);color:#ff6b6b;color:var(--accent-red);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:16px;margin-top:28px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.cancel-button:before{background:linear-gradient(90deg,transparent,hsla(0,100%,71%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cancel-button:hover:before{left:100%}.cancel-button:hover{background:hsla(0,100%,71%,.2);box-shadow:0 8px 25px hsla(0,100%,71%,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.credits-card{background:linear-gradient(135deg,rgba(179,248,158,.1),rgba(144,221,128,.05));border:1px solid rgba(179,248,158,.3)}.credits-card:hover{box-shadow:0 10px 30px rgba(179,248,158,.3);box-shadow:var(--shadow-glow-green)}.credits-icon{color:#b3f89e;color:var(--accent-green)}.credits-display{margin:32px 0;text-align:center}.credits-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;line-height:1}.credits-label{color:#b0c4de;color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin-top:12px}.credits-progress{margin:32px 0}.progress-bar{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border-radius:6px;height:100%;overflow:hidden;position:relative;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.progress-fill:before{-webkit-animation:shimmer 2s infinite;animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.credits-info{color:#b0c4de;color:var(--text-secondary);font-size:1rem;text-align:center}.credits-info p{margin:0}.quick-actions{margin-top:50px}.section-title{color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin-bottom:24px}.actions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{align-items:center;background:hsla(0,0%,100%,.05);background:var(--bg-card);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:16px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:20px;overflow:hidden;padding:24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-card:hover:before{left:100%}.action-card:hover{background:hsla(0,0%,100%,.08);background:var(--bg-card-hover);border-color:hsla(0,0%,100%,.2);border-color:var(--border-hover);box-shadow:0 8px 30px rgba(0,0,0,.2);-webkit-transform:translateX(8px) translateY(-2px);transform:translateX(8px) translateY(-2px)}.action-icon{align-items:center;background:rgba(179,248,158,.15);border:1px solid rgba(179,248,158,.3);border-radius:12px;color:#b3f89e;color:var(--accent-green);display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.action-card:hover .action-icon{background:rgba(179,248,158,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.action-card span{flex:1 1;font-weight:600}.action-card svg:last-child{opacity:.6;transition:all .3s ease}.action-card:hover svg:last-child{opacity:1;-webkit-transform:translateX(6px);transform:translateX(6px)}.modal-overlay{-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8);padding:20px}.modal-content{-webkit-animation:slideIn .3s ease;animation:slideIn .3s ease;background:#1a1a1a;background:var(--bg-secondary);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);padding:40px;width:100%}.modal-content h3{color:#fff;color:var(--text-primary);font-size:1.6rem;font-weight:600;margin:0 0 20px}.modal-content p{color:#b0c4de;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:28px}.modal-info{align-items:center;background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.3);border-radius:12px;color:#ff6b6b;color:var(--accent-red);display:flex;font-weight:500;gap:16px;margin-bottom:28px;padding:20px}.modal-actions{gap:16px}.modal-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-button:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.modal-button:hover:before{left:100%}.modal-button.secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-color);color:#b0c4de;color:var(--text-secondary)}.modal-button.secondary:hover{background:hsla(0,0%,100%,.15);color:#fff;color:var(--text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-button.danger{background:linear-gradient(135deg,#ff6b6b,#ee5a24);background:var(--gradient-red);color:#fff;color:var(--text-primary)}.modal-button.danger:hover{box-shadow:0 10px 30px hsla(0,100%,71%,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-button:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.error-state{-webkit-animation:fadeIn .6s ease;animation:fadeIn .6s ease;padding:100px 20px;text-align:center}.error-icon{color:#ff6b6b;color:var(--accent-red);height:100px;margin-bottom:30px;width:100px}.error-state h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:20px}.error-state p{color:#b0c4de;color:var(--text-secondary);font-size:1.1rem;margin-bottom:40px}.retry-button{background:linear-gradient(135deg,#b3f89e,#90dd80);background:var(--gradient-green);border:none;border-radius:16px;color:#000;cursor:pointer;font-size:1.1rem;font-weight:600;padding:16px 40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.retry-button:hover{box-shadow:0 10px 30px rgba(179,248,158,.3);box-shadow:var(--shadow-glow-green);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (max-width:768px){.profile-container{padding:120px 15px 30px;padding:calc(var(--navbar-height) + 40px) 15px 30px}.profile-header{align-items:flex-start;flex-direction:column;gap:24px}.profile-title{font-size:2rem}.logout-button{align-self:stretch;justify-content:center}.user-card{flex-direction:column;gap:24px;padding:30px 20px;text-align:center}.avatar-circle{font-size:2.5rem;height:100px;width:100px}.plan-badge{height:40px;width:40px}.user-name{font-size:1.8rem}.user-stats{gap:12px;justify-content:center}.section-grid{gap:24px}.actions-grid,.section-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.credits-number{font-size:3rem}.credits-card,.status-card{padding:24px}.action-card{padding:20px}}@media (max-width:480px){.profile-container{padding:110px 10px 20px;padding:calc(var(--navbar-height) + 30px) 10px 20px}.user-card{padding:20px 15px}.credits-card,.status-card{padding:20px}.modal-content{padding:30px 20px}}@media (prefers-color-scheme:dark){.action-card,.credits-card,.status-card{background:hsla(0,0%,100%,.03)}}@media (prefers-contrast:high){.action-card,.cancel-button,.credits-card,.logout-button,.status-card,.user-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.progress-fill{transition:none}}.action-card:focus,.cancel-button:focus,.logout-button:focus,.modal-button:focus,.retry-button:focus{outline:2px solid #b3f89e;outline:2px solid var(--accent-green);outline-offset:2px}@media print{.cancel-button,.logout-button,.navbar-placeholder,.quick-actions{display:none}.profile-container{padding:20px}.credits-card,.status-card,.user-card{background:#fff;border:1px solid #ccc;color:#000}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#111827,#1f2937,#374151);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.admin-login-container:before{background:radial-gradient(circle at 20% 50%,rgba(156,39,176,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(144,221,128,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(156,39,176,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-login-card{-webkit-animation:slideInUp .6s ease-out;animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.9);border:1px solid rgba(55,65,81,.5);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.3),0 0 0 1px hsla(0,0%,100%,.05);max-width:420px;padding:2.5rem;position:relative;width:100%;z-index:1}.admin-login-header{margin-bottom:2rem;text-align:center}.admin-logo{flex-direction:column;gap:1rem;margin-bottom:1rem}.admin-logo,.logo-icon{align-items:center;display:flex}.logo-icon{-webkit-animation:glow 2s ease-in-out infinite alternate;animation:glow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#9c27b0,#90dd80);border-radius:16px;box-shadow:0 10px 25px rgba(156,39,176,.3),inset 0 1px 0 hsla(0,0%,100%,.2);font-size:2rem;height:60px;justify-content:center;width:60px}@-webkit-keyframes glow{0%{box-shadow:0 10px 25px rgba(156,39,176,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}to{box-shadow:0 10px 35px rgba(156,39,176,.5),inset 0 1px 0 hsla(0,0%,100%,.3)}}@keyframes glow{0%{box-shadow:0 10px 25px rgba(156,39,176,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}to{box-shadow:0 10px 35px rgba(156,39,176,.5),inset 0 1px 0 hsla(0,0%,100%,.3)}}.admin-login-header h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#d1d5db);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.875rem;font-weight:700;margin:0}.admin-subtitle{color:#9ca3af;font-size:1rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{align-items:center;-webkit-animation:shake .5s ease-in-out;animation:shake .5s ease-in-out;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}25%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}75%{-webkit-transform:translateX(5px);transform:translateX(5px)}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#d1d5db;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-group input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(55,65,81,.8);border:2px solid rgba(75,85,99,.5);border-radius:12px;color:#fff;font-family:inherit;font-size:1rem;outline:none;padding:1rem;transition:all .3s ease;width:100%}.form-group input::-webkit-input-placeholder{color:#9ca3af}.form-group input:-ms-input-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{background:#374151;border-color:#9c27b0;box-shadow:0 0 0 3px rgba(156,39,176,.1),0 0 20px rgba(156,39,176,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.form-group input:disabled{cursor:not-allowed;opacity:.6}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#9c27b0,#90dd80);border:none;border-radius:12px;box-shadow:0 10px 25px rgba(156,39,176,.3);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.05em;overflow:hidden;padding:1rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.admin-login-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.admin-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#90dd80,#9c27b0);box-shadow:0 15px 35px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.admin-login-btn:hover:not(:disabled):before{left:100%}.admin-login-btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.login-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.admin-login-footer{border-top:1px solid rgba(55,65,81,.5);margin-top:2rem;padding-top:1.5rem;text-align:center}.admin-login-footer p{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;margin:0}@media (max-width:480px){.admin-login-container{padding:1rem}.admin-login-card{max-width:100%;padding:2rem 1.5rem}.admin-login-header h1,.logo-icon{font-size:1.5rem}.logo-icon{height:50px;width:50px}.form-group input{padding:.875rem}.admin-login-btn{font-size:.9rem;padding:.875rem}}.admin-login-btn:disabled .login-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.form-group input:hover:not(:disabled){border-color:rgba(156,39,176,.7)}@media (prefers-reduced-motion:reduce){.admin-login-btn:before,.admin-login-card,.login-spinner,.logo-icon{-webkit-animation:none;animation:none}.admin-login-btn:hover:not(:disabled),.form-group input:focus{-webkit-transform:none;transform:none}}@media (prefers-contrast:high){.admin-login-card{border:2px solid hsla(0,0%,100%,.8)}.form-group input{border:2px solid hsla(0,0%,100%,.6)}.error-message{border:2px solid #ef4444}}*{box-sizing:border-box;margin:0;padding:0}body{background:#111827;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{background:linear-gradient(135deg,#111827,#1f2937);min-height:100vh}.loading{align-items:center;background:linear-gradient(135deg,#1f2937,#374151);display:flex;justify-content:center;min-height:100vh}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid rgba(156,39,176,.3);border-radius:50%;border-top-color:#9c27b0;height:40px;width:40px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.error{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;margin:1rem 0;padding:1rem}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.9);border-bottom:1px solid rgba(55,65,81,.5);display:flex;height:60px;justify-content:space-between;padding:.75rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dashboard-header .logo-container{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.dashboard-header .logo-container .logo-icon{align-items:center;background:linear-gradient(135deg,#9c27b0,#90dd80);border-radius:6px;display:flex;font-size:14px;height:28px;justify-content:center;width:28px}.dashboard-header .logo-container h1{color:#fff;font-size:1.1rem;font-weight:700;margin:0;white-space:nowrap}.dashboard-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border-bottom:1px solid rgba(55,65,81,.5);padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:60px;z-index:90}.nav-tabs{-ms-overflow-style:none;display:flex;gap:2rem;overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem .5rem;position:relative;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-tab:before{background:linear-gradient(90deg,#9c27b0,#90dd80);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-tab:hover{color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-tab:hover:before{width:100%}.nav-tab.active{border-bottom-color:#9c27b0;color:#9c27b0}.nav-tab.active:before{width:100%}.dashboard-content{margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.kpi-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(55,65,81,.5);border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.kpi-card:before{background:linear-gradient(90deg,transparent,rgba(156,39,176,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.kpi-card:hover{border-color:rgba(156,39,176,.5);box-shadow:0 10px 30px rgba(156,39,176,.2);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.kpi-card:hover:before{left:100%}.kpi-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.kpi-title{color:#9ca3af;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.kpi-icon{border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);color:#fff;font-size:1.2rem;padding:.75rem}.kpi-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#d1d5db);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.kpi-change{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.change-positive{color:#22c55e}.change-negative{color:#ef4444}.users-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(55,65,81,.5);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.2);overflow:hidden}.table-header{background:rgba(55,65,81,.7);border-bottom:1px solid rgba(75,85,99,.5);padding:1rem 1.5rem}.table-title{align-items:center;color:#fff;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem}.table-content{overflow-x:auto}.users-table table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid rgba(55,65,81,.3);padding:1rem 1.5rem;text-align:left}.users-table th{background:rgba(55,65,81,.5);color:#9ca3af;font-size:.875rem;font-weight:600;letter-spacing:.05em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.users-table td{color:#fff}.users-table tbody tr:hover{background:rgba(55,65,81,.3);transition:background .2s ease}.plan-badge,.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-active{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.1));border:1px solid rgba(34,197,94,.3);color:#22c55e}.status-trialing{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));border:1px solid rgba(59,130,246,.3);color:#3b82f6}.status-inactive{background:linear-gradient(135deg,hsla(220,9%,46%,.2),hsla(220,9%,46%,.1));border:1px solid hsla(220,9%,46%,.3);color:#9ca3af}.plan-premium{background:linear-gradient(135deg,rgba(156,39,176,.2),rgba(156,39,176,.1));border:1px solid rgba(156,39,176,.3);color:#9c27b0}.plan-avanzado{background:linear-gradient(135deg,rgba(251,146,60,.2),rgba(251,146,60,.1));border:1px solid rgba(251,146,60,.3);color:#fb923c}.plan-basico{background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(59,130,246,.1));border:1px solid rgba(59,130,246,.3);color:#3b82f6}.plan-none{background:linear-gradient(135deg,hsla(220,9%,46%,.2),hsla(220,9%,46%,.1));border:1px solid hsla(220,9%,46%,.3);color:#9ca3af}.filters{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.5);border-radius:12px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-select,.search-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(55,65,81,.8);border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem 1rem;transition:all .3s ease}.search-input{flex:1 1;min-width:300px}.search-input::-webkit-input-placeholder{color:#9ca3af}.search-input:-ms-input-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.filter-select:focus,.search-input:focus{background:#374151;border-color:#9c27b0;box-shadow:0 0 0 3px rgba(156,39,176,.1);outline:none}.filter-select{min-width:150px}.refresh-btn{align-items:center;background:linear-gradient(135deg,#9c27b0,#7c1d7c);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(156,39,176,.3);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.refresh-btn:hover{background:linear-gradient(135deg,#7c1d7c,#9c27b0);box-shadow:0 6px 16px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.actions-cell{display:flex;gap:.5rem;justify-content:center}.action-btn:hover{background:rgba(156,39,176,.1);border-color:rgba(156,39,176,.3);color:#9c27b0;-webkit-transform:scale(1.1);transform:scale(1.1)}.activity-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(55,65,81,.5);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:1.5rem}.chart-title{color:#fff;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.activity-item,.chart-title{align-items:center;display:flex}.activity-item{background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.2);border-radius:8px;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.activity-item:hover{background:rgba(55,65,81,.5);border-color:rgba(156,39,176,.3);-webkit-transform:translateX(4px);transform:translateX(4px)}.activity-item:last-child{margin-bottom:0}.activity-dot{border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0;height:8px;width:8px}.activity-dot.subscription{background:#22c55e}.activity-dot.cancellation{background:#ef4444}.activity-dot.activity{background:#3b82f6}.activity-dot.info{background:#9ca3af}.activity-message{color:#d1d5db;flex:1 1;font-size:.875rem;line-height:1.4}.activity-time{color:#6b7280;font-size:.75rem;font-weight:500}.chart-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(31,41,55,.8);border:1px solid rgba(55,65,81,.5);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.2);padding:1.5rem}.chart-header{align-items:center;display:flex;gap:1rem;justify-content:between;margin-bottom:1.5rem}@media (max-width:1024px){.dashboard-content{padding:1.5rem 1rem}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.dashboard-header{flex-direction:row;flex-wrap:nowrap;height:50px;padding:.5rem 1rem}.dashboard-header .logo-container h1{font-size:1rem}.dashboard-header .logo-container .logo-icon{font-size:12px;height:24px;width:24px}.dashboard-nav{top:50px}.nav-tabs{flex-wrap:wrap;gap:1rem}.filters{align-items:stretch;flex-direction:column}.search-input{min-width:auto}.kpi-grid{grid-template-columns:1fr}.users-table td,.users-table th{font-size:.875rem;padding:.75rem}.activity-item{align-items:flex-start;flex-direction:column;gap:.5rem}.activity-time{align-self:flex-end}}@media (max-width:480px){.dashboard-header .logo-container h1{display:none}.dashboard-content{padding:1rem .5rem}.kpi-card{padding:1rem}.kpi-value{font-size:1.5rem}.users-table td,.users-table th{font-size:.8rem;padding:.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(55,65,81,.3);border-radius:4px}::-webkit-scrollbar-thumb{background:rgba(156,39,176,.5);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(156,39,176,.7)}.success-message{align-items:center;-webkit-animation:slideInRight .3s ease-out;animation:slideInRight .3s ease-out;display:flex;gap:.5rem;padding:.75rem 1rem}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.action-btn{background:rgba(55,65,81,.5);border:1px solid rgba(75,85,99,.3);border-radius:6px;color:#9ca3af;cursor:pointer;font-size:1rem;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.action-btn:hover:not(:disabled){background:rgba(156,39,176,.1);border-color:rgba(156,39,176,.3);color:#9c27b0;-webkit-transform:scale(1.1);transform:scale(1.1)}.action-btn:disabled{cursor:not-allowed;opacity:.5;-webkit-transform:none;transform:none}.action-btn:hover[title="Dar trialing"]{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.action-btn:hover[title="Cancelar suscripción"]{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.modal-overlay{-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;background-color:rgba(0,0,0,.7)}.modal-content{-webkit-animation:slideInUp .3s ease-out;animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#1f2937,#374151);box-shadow:0 25px 50px rgba(0,0,0,.3)}@-webkit-keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.modal-content select{background:rgba(55,65,81,.8);border:2px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;font-size:1rem;outline:none;padding:.75rem;transition:all .3s ease;width:100%}.modal-content select:focus{background:#374151;border-color:#9c27b0;box-shadow:0 0 0 3px rgba(156,39,176,.1)}.modal-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.modal-btn{font-size:.9rem;transition:all .3s ease}.modal-btn-cancel{background:#6b7280;color:#fff}.modal-btn-cancel:hover:not(:disabled){background:#4b5563;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.modal-btn-primary{box-shadow:0 4px 12px rgba(156,39,176,.3)}.modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#90dd80,#9c27b0);box-shadow:0 6px 16px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.modal-btn:disabled{opacity:.7;-webkit-transform:none;transform:none}.button-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.action-btn[title]:hover:before{background:rgba(0,0,0,.9);border-radius:4px;color:#fff;content:attr(title);font-size:.75rem;margin-bottom:.5rem;padding:.5rem .75rem;white-space:nowrap}.action-btn[title]:hover:after,.action-btn[title]:hover:before{-webkit-animation:fadeInTooltip .2s ease-out .5s forwards;animation:fadeInTooltip .2s ease-out .5s forwards;bottom:100%;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1000}.action-btn[title]:hover:after{border:4px solid transparent;border-top-color:rgba(0,0,0,.9);content:"";margin-bottom:.1rem}@-webkit-keyframes fadeInTooltip{to{opacity:1}}@keyframes fadeInTooltip{to{opacity:1}}.actions-cell.loading{opacity:.6;pointer-events:none}@media (max-width:768px){.modal-content{margin:1rem;max-width:calc(100vw - 2rem);min-width:auto;padding:1.5rem}.modal-buttons{flex-direction:column;gap:.75rem}.modal-btn{justify-content:center;width:100%}}.status-badge.status-trialing{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.table-row-updated{-webkit-animation:highlightRow 3s ease-out;animation:highlightRow 3s ease-out;background:rgba(34,197,94,.1)!important}@-webkit-keyframes highlightRow{0%{background:rgba(34,197,94,.3)!important}to{background:transparent!important}}@keyframes highlightRow{0%{background:rgba(34,197,94,.3)!important}to{background:transparent!important}}.config-modal-overlay{align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.config-modal-content{-webkit-animation:slideInUp .3s ease-out;animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#1f2937,#374151);border:1px solid rgba(55,65,81,.5);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.3);max-height:85vh;max-width:600px;min-width:500px;overflow-y:auto;padding:2rem;position:relative}.config-modal-content::-webkit-scrollbar{width:8px}.config-modal-content::-webkit-scrollbar-track{background:rgba(55,65,81,.3);border-radius:4px}.config-modal-content::-webkit-scrollbar-thumb{background:rgba(156,39,176,.5);border-radius:4px}.config-modal-header{align-items:center;border-bottom:2px solid rgba(55,65,81,.5);color:#fff;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem}.config-section{background:rgba(55,65,81,.4);border:1px solid rgba(75,85,99,.3);border-radius:12px;margin-bottom:2rem;padding:1rem;transition:all .3s ease}.config-section:hover{background:rgba(55,65,81,.6);border-color:rgba(156,39,176,.3)}.config-section-title{align-items:center;color:#d1d5db;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.user-info-grid{grid-gap:.75rem;fontSize:"0.9rem";lineHeight:"1.6";color:#9ca3af;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.user-info-item{display:flex;flex-direction:column;gap:.25rem}.user-info-label{color:#d1d5db;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.user-info-value{color:#9ca3af;font-family:Monaco,Menlo,monospace;font-size:.85rem}.config-input-group{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.config-label{color:#d1d5db;font-size:.9rem;font-weight:500;min-width:120px}.config-input{background:rgba(75,85,99,.8);border:2px solid hsla(220,9%,46%,.5);border-radius:8px;color:#fff;flex:1 1;font-size:.9rem;outline:none;padding:.75rem;transition:all .3s ease}.config-input:focus{background:#4b5563;border-color:#9c27b0;box-shadow:0 0 0 3px rgba(156,39,176,.1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.config-input::-webkit-input-placeholder{color:#9ca3af}.config-input:-ms-input-placeholder{color:#9ca3af}.config-input::placeholder{color:#9ca3af}.config-action-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1rem;transition:all .3s ease}.config-action-btn:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.config-btn-add{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px rgba(34,197,94,.3);color:#fff}.config-btn-add:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 16px rgba(34,197,94,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.config-btn-remove{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff}.config-btn-remove:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px rgba(239,68,68,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.config-btn-change{background:linear-gradient(135deg,#9c27b0,#7c1d7c);box-shadow:0 4px 12px rgba(156,39,176,.3);color:#fff}.config-btn-change:hover:not(:disabled){background:linear-gradient(135deg,#7c1d7c,#581c87);box-shadow:0 6px 16px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-action-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;min-width:80px;padding:.5rem 1rem;transition:all .2s ease}.quick-action-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.quick-btn-green{background:#059669}.quick-btn-green:hover{background:#047857}.quick-btn-teal{background:#0d9488}.quick-btn-teal:hover{background:#0f766e}.quick-btn-red{background:#dc2626}.quick-btn-red:hover{background:#b91c1c}.config-tip{background:hsla(220,9%,46%,.1);border-left:3px solid #6b7280;color:#6b7280}.config-tip,.config-warning{border-radius:6px;font-size:.8rem;margin-top:.5rem;padding:.5rem}.config-warning{background:rgba(245,158,11,.1);border-left:3px solid #f59e0b;color:#f59e0b}.config-modal-footer{border-top:1px solid rgba(55,65,81,.5);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.config-btn-close{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.config-btn-close:hover:not(:disabled){background:#4b5563;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.config-section.loading{opacity:.6;pointer-events:none}.config-section.success{background:rgba(34,197,94,.05);border-color:rgba(34,197,94,.5)}.config-section.error{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.5)}@media (max-width:768px){.config-modal-content{margin:1rem;max-width:calc(100vw - 2rem);min-width:auto;padding:1.5rem}.config-input-group{align-items:stretch;flex-direction:column;gap:.5rem}.config-label{min-width:auto}.user-info-grid{grid-template-columns:1fr}.quick-actions{justify-content:center}.config-modal-footer{flex-direction:column}.config-btn-close{width:100%}}@keyframes slideInUp{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.config-section:before{background:linear-gradient(90deg,transparent,rgba(156,39,176,.1),transparent);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.config-section{overflow:hidden;position:relative}.config-section:hover:before{left:100%}.history-modal-content{-webkit-animation:slideInUp .3s ease-out;animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#1f2937,#374151);border:1px solid rgba(55,65,81,.5);border-radius:16px;box-shadow:0 25px 50px rgba(0,0,0,.3);display:flex;flex-direction:column;height:90vh;max-height:800px;max-width:1200px;overflow:hidden;padding:0;position:relative;width:95vw}.history-modal-header{align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);border-bottom:2px solid rgba(55,65,81,.5);display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem 2rem}.history-header-info{display:flex;flex:1 1;flex-direction:column;gap:1rem}.history-header-main h3{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin:0}.history-user-email{color:#9ca3af;font-family:Monaco,Menlo,monospace;font-size:1rem;font-weight:500}.history-header-stats{display:flex;gap:2rem}.history-stat{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-label{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#fff;font-family:Monaco,Menlo,monospace;font-size:1.25rem;font-weight:700}.history-close-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.history-close-btn:hover{background:hsla(0,0%,100%,.2);-webkit-transform:scale(1.1);transform:scale(1.1)}.history-tabs{-ms-overflow-style:none;flex-shrink:0;scrollbar-width:none}.history-tabs::-webkit-scrollbar{display:none}.history-tab{border-bottom:3px solid transparent;font-size:.9rem;transition:all .3s ease}.history-tab:hover:not(:disabled){background:rgba(156,39,176,.1);color:#fff}.history-tab:disabled{cursor:not-allowed;opacity:.5}.history-content{background:#1f2937}.history-content::-webkit-scrollbar{width:8px}.history-content::-webkit-scrollbar-track{background:rgba(55,65,81,.3);border-radius:4px}.history-content::-webkit-scrollbar-thumb{background:rgba(156,39,176,.5);border-radius:4px}.history-loading{height:200px}.history-error{align-items:center;display:flex;font-size:1.1rem;height:200px;justify-content:center}.history-tab-content{width:100%}.history-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.history-card{background:rgba(55,65,81,.6);border:1px solid rgba(75,85,99,.5);transition:all .3s ease}.history-card:hover{background:rgba(55,65,81,.8);border-color:rgba(156,39,176,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.history-card.full-width{grid-column:1/-1}.history-card h4{align-items:center;display:flex;font-size:1.1rem;gap:.5rem}.history-card-content{color:#d1d5db}.info-row span:last-child{font-family:Monaco,Menlo,monospace;font-size:.9rem}.timeline{padding-left:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#9c27b0,#374151);bottom:0;content:"";left:1rem;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:1.5rem;padding-left:2rem;position:relative}.timeline-dot{border:2px solid #1f2937;border-radius:50%;box-shadow:0 0 10px currentColor;height:12px;left:-2rem;position:absolute;top:.5rem;width:12px}.timeline-content{background:rgba(75,85,99,.3);border-left:3px solid rgba(156,39,176,.5);border-radius:8px;padding:1rem}.timeline-action{color:#fff;font-weight:600;margin-bottom:.25rem}.timeline-date{color:#9ca3af;margin-bottom:.5rem}.timeline-date,.timeline-details{font-family:Monaco,Menlo,monospace;font-size:.8rem}.timeline-details{background:rgba(0,0,0,.2);border-radius:4px;color:#d1d5db;overflow-wrap:break-word;padding:.5rem}.payment-summary{display:flex;flex-direction:column;gap:1rem}.payment-total{align-items:center;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;display:flex;justify-content:space-between;padding:1rem}.payment-total .amount{color:#22c55e;font-family:Monaco,Menlo,monospace;font-size:1.5rem;font-weight:700}.payment-count{align-items:center;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.monthly-payments{display:flex;flex-direction:column;gap:.75rem;max-height:300px;overflow-y:auto}.monthly-payment-item{align-items:center;background:rgba(75,85,99,.3);border-left:4px solid #9c27b0;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.month-name{color:#fff;font-weight:500}.month-amount{color:#22c55e;font-family:Monaco,Menlo,monospace;font-weight:700}.month-count{color:#9ca3af;font-size:.8rem}.payments-table{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.table-header{background:rgba(55,65,81,.8);color:#9ca3af;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table-header,.table-row{grid-gap:1rem;border-radius:6px;display:grid;gap:1rem;grid-template-columns:1fr 120px 2fr 100px;padding:.75rem}.table-row{align-items:center;background:rgba(75,85,99,.3);color:#d1d5db;font-size:.9rem}.table-row:hover{background:rgba(75,85,99,.5)}.table-row .amount{color:#22c55e;font-family:Monaco,Menlo,monospace;font-weight:600}.payment-status{border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-align:center;text-transform:uppercase}.payment-status.succeeded{background:rgba(34,197,94,.2);color:#22c55e}.payment-status.pending{background:rgba(245,158,11,.2);color:#f59e0b}.payment-status.failed{background:rgba(239,68,68,.2);color:#ef4444}.activity-logs h4{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.logs-container{display:flex;flex-direction:column;gap:1rem;max-height:500px}.log-item{background:rgba(55,65,81,.4);border:1px solid rgba(75,85,99,.3);transition:all .3s ease}.log-item:hover{background:rgba(55,65,81,.6);border-color:rgba(156,39,176,.3)}.log-action{color:#9c27b0;font-size:.9rem;font-weight:600}.log-date{font-family:Monaco,Menlo,monospace;font-size:.8rem}.log-details{background:rgba(0,0,0,.3);border-left:3px solid #9c27b0;overflow-x:auto}.log-details pre{word-wrap:break-word;font-family:Monaco,Menlo,monospace;font-size:.7rem}.usage-section h4{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.usage-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:300px;overflow-y:auto}.usage-item{align-items:center;border-left:4px solid #8b5cf6;display:flex;justify-content:space-between}.usage-item span:first-child{color:#fff;font-weight:500}.usage-item span:nth-child(2){color:#8b5cf6;font-family:Monaco,Menlo,monospace;font-weight:600}.usage-item span:last-child{color:#9ca3af;font-size:.8rem}.stripe-data{display:flex;flex-direction:column;gap:2rem}.stripe-section h4{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1rem}.stripe-info{background:rgba(75,85,99,.3);border-left:4px solid #635bff;border-radius:8px;padding:1rem}.subscriptions-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.subscription-item{background:rgba(75,85,99,.3);border-left:4px solid #635bff;border-radius:8px;padding:1rem}.sub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.sub-status{border-radius:4px;font-size:.7rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.sub-status.active{background:rgba(34,197,94,.2);color:#22c55e}.sub-status.trialing{background:rgba(59,130,246,.2);color:#3b82f6}.sub-status.canceled{background:rgba(239,68,68,.2);color:#ef4444}.sub-details{color:#9ca3af;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.no-stripe-data{align-items:center;color:#9ca3af;display:flex;font-size:1.1rem;height:200px;justify-content:center}@media (max-width:1024px){.history-modal-content{height:95vh;width:98vw}.history-header-stats{flex-direction:column;gap:1rem}.history-cards-grid{grid-template-columns:1fr}.table-header,.table-row{font-size:.8rem;gap:.5rem;grid-template-columns:1fr 80px 1fr 80px}}@media (max-width:768px){.history-modal-content{border-radius:0;height:100vh;max-height:none;width:100vw}.history-modal-header{padding:1rem}.history-header-main h3{font-size:1.2rem}.history-content{padding:1rem}.history-tabs{flex-wrap:wrap}.history-tab{font-size:.8rem;padding:.75rem 1rem}.timeline,.timeline-item{padding-left:1.5rem}.timeline-item{margin-bottom:1rem}.timeline-dot{height:10px;left:-1.5rem;width:10px}.table-header,.table-row{gap:.25rem}.table-header,.table-row,.usage-grid{grid-template-columns:1fr}.monthly-payment-item{align-items:flex-start;flex-direction:column;gap:.5rem}}.modal-overlay{align-items:center;-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background-color:rgba(0,0,0,.8);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(55,65,81,.5);border-radius:16px;max-width:500px;min-width:400px;padding:2rem;width:90%}.modal-title{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.modal-subtitle{color:#9ca3af;font-size:.875rem}.modal-form-group,.modal-subtitle{margin-bottom:1.5rem}.modal-label{color:#d1d5db;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.modal-select{background:rgba(55,65,81,.8);border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;font-size:.875rem;padding:.75rem;width:100%}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.modal-btn:disabled{cursor:not-allowed;opacity:.6}.modal-btn-primary{background:linear-gradient(135deg,#9c27b0,#90dd80);color:#fff}.modal-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(156,39,176,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.modal-btn-secondary{background:hsla(220,9%,46%,.8);color:#fff}.modal-btn-secondary:hover:not(:disabled){background:#6b7280}.modal-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.config-modal{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(55,65,81,.5);border-radius:16px;max-height:90vh;max-width:800px;min-width:600px;overflow-y:auto;padding:0;width:90%}.config-header{align-items:center;background:rgba(55,65,81,.7);border-bottom:1px solid rgba(75,85,99,.5);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.config-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.config-close-btn{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.config-close-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.config-section{border-bottom:1px solid rgba(75,85,99,.3);padding:2rem}.config-section:last-child{border-bottom:none}.config-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.config-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.config-info-item{align-items:center;background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.2);border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.config-info-item span:first-child{color:#9ca3af;font-size:.875rem;font-weight:500}.config-info-item span:last-child{color:#fff;font-weight:500}.config-form-group{align-items:flex-end;display:flex;gap:1rem}.config-input,.config-select{background:rgba(55,65,81,.8);border:1px solid rgba(75,85,99,.5);border-radius:8px;color:#fff;flex:1 1;font-size:.875rem;padding:.75rem}.config-input:focus,.config-select:focus{border-color:#9c27b0;box-shadow:0 0 0 3px rgba(156,39,176,.1);outline:none}.config-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.config-btn:disabled{cursor:not-allowed;opacity:.6}.config-btn-primary{background:linear-gradient(135deg,#9c27b0,#90dd80);color:#fff}.config-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px rgba(156,39,176,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.config-quick-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.quick-btn{background:rgba(59,130,246,.8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.quick-btn:hover{background:#3b82f6;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.quick-btn-danger{background:rgba(239,68,68,.8)}.quick-btn-danger:hover{background:#ef4444}.config-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}.history-modal{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(31,41,55,.95);border:1px solid rgba(55,65,81,.5);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;max-width:1200px;min-width:800px;overflow:hidden;padding:0;width:95%}.history-header{align-items:flex-start;background:rgba(55,65,81,.7);border-bottom:1px solid rgba(75,85,99,.5);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.history-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.history-subtitle{color:#9ca3af;font-size:.875rem;margin-top:.25rem}.history-close-btn{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .2s ease}.history-close-btn:hover{background:rgba(239,68,68,.2);color:#ef4444}.history-tabs{background:rgba(55,65,81,.5);border-bottom:1px solid rgba(75,85,99,.5);display:flex;overflow-x:auto}.history-tab{align-items:center;background:none;border:none;border-bottom:2px solid transparent;color:#9ca3af;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.history-tab:hover{background:rgba(75,85,99,.3);color:#fff}.history-tab.active{background:rgba(156,39,176,.1);border-bottom-color:#9c27b0;color:#9c27b0}.history-content{flex:1 1;overflow-y:auto;padding:2rem}.history-loading{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.history-tab-content{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out}.history-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.history-card{background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:1.5rem}.history-card h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.history-card-content{display:flex;flex-direction:column;gap:.75rem}.info-row{align-items:center;border-bottom:1px solid rgba(75,85,99,.3);display:flex;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#9ca3af;font-size:.875rem;font-weight:500}.info-row span:last-child{color:#fff;font-weight:500}.activity-logs{background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:1.5rem}.activity-logs h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.logs-container{max-height:400px;overflow-y:auto}.log-item{background:rgba(75,85,99,.3);border:1px solid hsla(220,9%,46%,.3);border-radius:8px;margin-bottom:.75rem;padding:1rem}.log-item:last-child{margin-bottom:0}.log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.log-action{color:#fff;font-size:.875rem;font-weight:500}.log-date{color:#9ca3af;font-size:.75rem}.log-details{background:rgba(31,41,55,.5);border-radius:4px;margin-top:.5rem;max-height:200px;overflow-y:auto;padding:.75rem}.log-details pre{color:#d1d5db;font-size:.75rem;margin:0;white-space:pre-wrap;word-break:break-all}.usage-stats{display:flex;flex-direction:column;gap:2rem}.usage-section{background:rgba(55,65,81,.3);border:1px solid rgba(75,85,99,.3);border-radius:12px;padding:1.5rem}.usage-section h4{color:#fff;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.usage-table{display:flex;flex-direction:column;gap:.5rem}.usage-item{grid-gap:1rem;background:rgba(75,85,99,.3);border-radius:6px;color:#fff;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:2fr 1fr 1.5fr;padding:.75rem}.history-error{color:#ef4444;font-size:1.125rem;padding:4rem;text-align:center}.success-message{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:.875rem;font-weight:500;padding:.5rem 1rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(30px) scale(.95);transform:translateY(30px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@media (max-width:768px){.config-modal,.history-modal,.modal-content{margin:1rem;max-width:95%;min-width:auto;width:95%}.config-info-grid{grid-template-columns:1fr}.config-form-group{align-items:stretch;flex-direction:column}.config-quick-actions{justify-content:center}.history-tabs{flex-wrap:wrap}.usage-item{gap:.5rem;grid-template-columns:1fr}.modal-actions{flex-direction:column}.modal-btn{justify-content:center;width:100%}}.cookie-consent-popup{bottom:20px;font-family:Montserrat,sans-serif;position:fixed;right:20px;z-index:1000}.cookie-consent-content{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border:1px solid #333;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.5);color:#b0c4de;display:flex;flex-direction:column;gap:10px;max-width:350px;padding:15px 20px}.cookie-consent-content p{font-size:.9em;line-height:1.4;margin:0}.cookie-consent-content a{color:#90dd80;font-weight:600;text-decoration:none}.cookie-consent-content a:hover{color:#b3f89e}.cookie-buttons{display:flex;gap:10px;justify-content:flex-end}.cookie-accept-button,.cookie-reject-button{border:none;border-radius:5px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:.9em;font-weight:600;padding:8px 15px;transition:background-color .3s ease,-webkit-transform .1s ease;transition:background-color .3s ease,transform .1s ease;transition:background-color .3s ease,transform .1s ease,-webkit-transform .1s ease}.cookie-accept-button{background-color:#90dd80;color:#1a1a1a}.cookie-accept-button:hover{background-color:#b3f89e;-webkit-transform:scale(1.05);transform:scale(1.05)}.cookie-reject-button{background-color:transparent;border:1px solid #fa5353;color:#fa5353}.cookie-reject-button:hover{background-color:#fa535322;-webkit-transform:scale(1.05);transform:scale(1.05)}@media (max-width:768px){.cookie-consent-popup{bottom:10px;left:10px;max-width:none;right:10px}.cookie-consent-content{font-size:.85em;max-width:none;padding:12px 15px}.cookie-buttons{justify-content:center}}body,html{height:100%;margin:0;overflow-y:auto;padding:0}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:100vh;overflow-y:auto;position:relative}.logo{display:block;height:auto;margin:0 auto;width:280px}@media (max-width:768px){.logo{width:100px}}.social-icons{gap:15px;justify-content:center}.social-icons a{color:#fff;font-size:1.5rem;transition:color .3s}.social-icons a:hover{color:#1e90ff}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-track{background:#0f0f0f;border-radius:10px}html::-webkit-scrollbar-thumb{background:#4682b4;border-radius:10px}html::-webkit-scrollbar-thumb:hover{background:#5a9bd4}@media (max-width:768px){html::-webkit-scrollbar{width:6px}}:root{--footer-bg-primary:#0a0a0a;--footer-bg-secondary:#1a1a1a;--footer-accent-blue:#4682b4;--footer-accent-green:#00d4aa;--footer-accent-purple:#8b5cf6;--footer-text-primary:#fff;--footer-text-secondary:#b0c4de;--footer-text-muted:#8e8ea0;--footer-border:hsla(0,0%,100%,.1);--footer-glow:rgba(0,212,170,.3);--footer-shadow:0 -10px 40px rgba(0,0,0,.5);--footer-radius:16px}.footer{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f23);background:linear-gradient(135deg,var(--footer-bg-primary) 0,var(--footer-bg-secondary) 50%,#0f0f23 100%);border-top:1px solid hsla(0,0%,100%,.1);border-top:1px solid var(--footer-border);box-shadow:0 -10px 40px rgba(0,0,0,.5);box-shadow:var(--footer-shadow);color:#fff;color:var(--footer-text-primary);margin-top:auto;overflow:hidden;padding:0;position:relative}.footer:before{-webkit-animation:footerGlow 8s ease-in-out infinite alternate;animation:footerGlow 8s ease-in-out infinite alternate;background:radial-gradient(circle at 20% 50%,rgba(0,212,170,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(70,130,180,.05) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@-webkit-keyframes footerGlow{0%{opacity:.3}to{opacity:.7}}@keyframes footerGlow{0%{opacity:.3}to{opacity:.7}}.footer-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;max-width:1400px;padding:60px 40px 40px;position:relative;z-index:2}.footer-main{grid-column:1}.footer-logo-container{margin-bottom:24px}.footer .logo{-webkit-filter:drop-shadow(0 4px 20px rgba(0,212,170,.3));filter:drop-shadow(0 4px 20px rgba(0,212,170,.3));-webkit-filter:drop-shadow(0 4px 20px var(--footer-glow));filter:drop-shadow(0 4px 20px var(--footer-glow));height:auto;transition:all .3s ease;width:200px}.footer .logo:hover{-webkit-filter:drop-shadow(0 6px 30px rgba(0,212,170,.3));filter:drop-shadow(0 6px 30px rgba(0,212,170,.3));-webkit-filter:drop-shadow(0 6px 30px var(--footer-glow));filter:drop-shadow(0 6px 30px var(--footer-glow));-webkit-transform:scale(1.05);transform:scale(1.05)}.footer-description{color:#b0c4de;color:var(--footer-text-secondary);font-size:1rem;line-height:1.6;margin-bottom:24px;max-width:350px}.footer-highlight{color:#00d4aa;color:var(--footer-accent-green);font-weight:600}.footer-section{display:flex;flex-direction:column}.footer-section h3{color:#fff;color:var(--footer-text-primary);font-size:1.2rem;font-weight:700;margin-bottom:20px;padding-bottom:8px;position:relative}.footer-section h3:after{background:linear-gradient(90deg,#00d4aa,#4682b4);background:linear-gradient(90deg,var(--footer-accent-green),var(--footer-accent-blue));border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;width:30px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-link{border-radius:4px;color:#b0c4de;color:var(--footer-text-secondary);font-size:.95rem;overflow:hidden;padding:8px 0;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{background:#00d4aa;background:var(--footer-accent-green);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:#fff;color:var(--footer-text-primary);-webkit-transform:translateX(8px);transform:translateX(8px)}.footer-link:hover:before{width:100%}.contact-info{display:flex;flex-direction:column;gap:16px}.contact-item{align-items:center;color:#b0c4de;color:var(--footer-text-secondary);display:flex;font-size:.95rem;gap:12px;transition:all .3s ease}.contact-item:hover{color:#fff;color:var(--footer-text-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.contact-icon{color:#00d4aa;color:var(--footer-accent-green);font-size:1.2rem;text-align:center;width:20px}.contact-item a{color:inherit;text-decoration:none;transition:color .3s ease}.contact-item a:hover{color:#00d4aa;color:var(--footer-accent-green)}.social-section h3{margin-bottom:24px}.social-icons{display:flex;gap:16px;justify-content:flex-start}.social-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--footer-border);border-radius:12px;color:#b0c4de;color:var(--footer-text-secondary);display:flex;font-size:1.4rem;height:48px;justify-content:center;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease;width:48px}.social-icon:before{background:#00d4aa;background:var(--footer-accent-green);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .6s ease;width:0;z-index:-1}.social-icon:hover:before{height:100px;width:100px}.social-icon:hover{border-color:#00d4aa;border-color:var(--footer-accent-green);box-shadow:0 8px 25px rgba(0,212,170,.4);color:#fff;-webkit-transform:translateY(-4px) scale(1.1);transform:translateY(-4px) scale(1.1)}.newsletter-signup{margin-top:24px}.newsletter-form{display:flex;gap:8px;margin-top:16px}.newsletter-input{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--footer-border);border-radius:8px;color:#fff;color:var(--footer-text-primary);flex:1 1;font-size:.9rem;outline:none;padding:12px 16px;transition:all .3s ease}.newsletter-input::-webkit-input-placeholder{color:#8e8ea0;color:var(--footer-text-muted)}.newsletter-input:-ms-input-placeholder{color:#8e8ea0;color:var(--footer-text-muted)}.newsletter-input::placeholder{color:#8e8ea0;color:var(--footer-text-muted)}.newsletter-input:focus{background:hsla(0,0%,100%,.08);border-color:#00d4aa;border-color:var(--footer-accent-green);box-shadow:0 0 0 3px rgba(0,212,170,.1)}.newsletter-button{background:linear-gradient(135deg,#00d4aa,#4682b4);background:linear-gradient(135deg,var(--footer-accent-green),var(--footer-accent-blue));border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.newsletter-button:hover{box-shadow:0 6px 20px rgba(0,212,170,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-divider{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1) 25%,#00d4aa 50%,hsla(0,0%,100%,.1) 75%,transparent);background:linear-gradient(90deg,transparent 0,var(--footer-border) 25%,var(--footer-accent-green) 50%,var(--footer-border) 75%,transparent 100%);height:1px;margin:40px 0 30px;overflow:hidden;position:relative}.footer-divider:before{-webkit-animation:shimmer 3s ease-in-out infinite;animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,#00d4aa 50%,transparent);background:linear-gradient(90deg,transparent 0,var(--footer-accent-green) 50%,transparent 100%);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@-webkit-keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.footer-bottom{align-items:center;color:#8e8ea0;color:var(--footer-text-muted);display:flex;font-size:.9rem;justify-content:space-between;margin:0 auto;max-width:1400px;padding:20px 40px 30px;position:relative;z-index:2}.footer-bottom-left{align-items:center}.footer-bottom-left,.footer-bottom-right{display:flex;gap:24px}.footer-bottom a{color:#8e8ea0;color:var(--footer-text-muted);text-decoration:none;transition:color .3s ease}.footer-bottom a:hover{color:#00d4aa;color:var(--footer-accent-green)}.footer-badges{gap:16px;margin-top:20px}.footer-badge,.footer-badges{align-items:center;display:flex}.footer-badge{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--footer-border);border-radius:20px;color:#b0c4de;color:var(--footer-text-secondary);font-size:.8rem;gap:8px;padding:8px 12px;transition:all .3s ease}.footer-badge:hover{background:rgba(0,212,170,.1);border-color:#00d4aa;border-color:var(--footer-accent-green);color:#fff;color:var(--footer-text-primary)}.badge-icon{color:#00d4aa;color:var(--footer-accent-green);font-size:1rem}@media (max-width:1200px){.footer-content{gap:30px;padding:50px 30px 30px}}@media (max-width:968px){.footer-content{gap:40px;grid-template-columns:1fr 1fr}.footer-main{grid-column:1/-1;margin-bottom:20px;text-align:center}.footer-description{max-width:none}}@media (max-width:768px){.footer-content{gap:30px;grid-template-columns:1fr;padding:40px 20px 20px;text-align:center}.footer-main{grid-column:1}.footer .logo{width:150px}.social-icons{justify-content:center}.newsletter-form{flex-direction:column;gap:12px}.footer-bottom{flex-direction:column;gap:16px;padding:20px;text-align:center}.footer-bottom-left,.footer-bottom-right{flex-direction:column;gap:12px}.footer-badges{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.footer-content{padding:30px 16px 16px}.footer .logo{width:120px}.social-icon{font-size:1.2rem;height:44px;width:44px}.footer-section h3{font-size:1.1rem}.footer-description{font-size:.9rem}}.footer.premium-user:before{background:radial-gradient(circle at 20% 50%,rgba(255,215,0,.05) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(0,212,170,.05) 0,transparent 50%)}.footer-content>*{-webkit-animation:fadeInUp .6s ease-out forwards;animation:fadeInUp .6s ease-out forwards;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.footer-main{-webkit-animation-delay:.1s;animation-delay:.1s}.footer-section:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.footer-section:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.footer-section:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.footer{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px);transition:all .8s ease-out}.footer.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.ta-result-container{align-items:center;background:#1a1a1a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.ta-result-card{background:#2a2a2a;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:600px;padding:2rem;text-align:center;width:100%}.ta-result-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.ta-result-score-container{display:flex;justify-content:center;margin-bottom:2rem}.ta-result-circle{align-items:center;border:8px solid transparent;border-radius:50%;display:flex;flex-direction:column;height:200px;justify-content:center;margin:0 auto;position:relative;transition:all .3s ease;width:200px}.ta-result-circle.passed{background:#2a2a2a;border-color:#4caf50;box-shadow:0 0 30px rgba(76,175,80,.3)}.ta-result-circle.failed{background:#2a2a2a;border-color:#f44336;box-shadow:0 0 30px rgba(244,67,54,.3)}.ta-result-percentage{font-size:3.5rem;font-weight:700;margin-bottom:.5rem}.passed .ta-result-percentage{color:#4caf50}.failed .ta-result-percentage{color:#f44336}.ta-result-status{font-size:1.4rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.passed .ta-result-status{color:#4caf50}.failed .ta-result-status{color:#f44336}.ta-result-details{background:hsla(0,0%,100%,.05);border-radius:15px;margin:2rem 0;padding:1.5rem}.ta-result-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;display:flex;justify-content:space-between;padding:1rem}.ta-result-row:last-child{border-bottom:none}.ta-result-row span:first-child{color:#9e9e9e;font-size:1.1rem}.ta-result-value{font-size:1.2rem;font-weight:600}.ta-result-value.correct{color:#4caf50}.ta-result-value.incorrect{color:#f44336}.ta-result-value.neutral{color:#ff9800}.ta-result-actions{display:flex;gap:1.5rem;justify-content:center;margin-top:2rem}.ta-result-actions button{background:#424242;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.ta-result-actions button:first-child{background:#2196f3}.ta-result-actions button:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:600px){.ta-result-card{padding:1.5rem}.ta-result-circle{height:180px;width:180px}.ta-result-percentage{font-size:3rem}.ta-result-status{font-size:1.2rem}.ta-result-actions{flex-direction:column}.ta-result-actions button{width:100%}}.psico-fallos-container{background:linear-gradient(135deg,#121212,#1a1a1a);color:#e0e0e0;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:2rem;margin:0 auto;max-width:1200px;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.psico-fallos-header{margin-bottom:2rem;text-align:center}.psico-fallos-header h1{-webkit-text-fill-color:transparent;-webkit-animation:titleFade 1s ease-out forwards;animation:titleFade 1s ease-out forwards;background:linear-gradient(45deg,#9c27b0,#e1bee7);-webkit-background-clip:text;color:#fff;font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;text-shadow:0 0 20px rgba(156,39,176,.5)}.psico-fallos-progress{margin:0 auto;max-width:600px}.psico-fallos-progress-text{color:#b0b0b0;font-size:1.1rem;margin-bottom:.5rem}.psico-fallos-progress-bar{background:rgba(156,39,176,.2);border-radius:4px;height:8px;overflow:hidden}.psico-fallos-progress-fill{background:linear-gradient(90deg,#673ab7,#9c27b0);height:100%;transition:width .3s ease}.psico-fallos-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(156,39,176,.1);border:2px solid rgba(156,39,176,.2);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.3);margin:0 auto;max-width:1200px;padding:2rem;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease}.psico-fallos-content.animating{opacity:.7;-webkit-transform:scale(.98);transform:scale(.98)}.psico-fallos-content:hover{border-color:rgba(156,39,176,.5);box-shadow:0 12px 40px rgba(156,39,176,.2);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.psico-fallos-question-container{display:flex;flex-direction:row;gap:2rem}.psico-fallos-left-column{flex:1 1;max-width:50%}.psico-fallos-right-column{display:flex;flex:1 1;flex-direction:column}.psico-fallos-image{align-items:flex-start;background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.2);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);display:flex;justify-content:center;margin-bottom:1rem;padding:1rem;width:100%}.psico-fallos-image img{border-radius:8px;height:auto;max-width:100%;object-fit:contain}.psico-fallos-question{background:rgba(156,39,176,.15);border:1px solid rgba(156,39,176,.2);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.3);margin-bottom:2rem;padding:1.5rem;text-align:left}.psico-fallos-question-number{color:#9c27b0;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.psico-fallos-question-text{color:#e0e0e0;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.psico-fallos-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.psico-fallos-option{align-items:center;background:rgba(156,39,176,.1);border:2px solid rgba(156,39,176,.2);border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.psico-fallos-option:hover{background:rgba(156,39,176,.15);border-color:rgba(156,39,176,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-fallos-option.correct{background:rgba(76,175,80,.1);border-color:#4caf50}.psico-fallos-option.incorrect{background:rgba(244,67,54,.1);border-color:#f44336}.psico-fallos-option-letter{align-items:center;background:#673ab7;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;margin-right:1rem;width:36px}.psico-fallos-option-text{color:#e0e0e0;flex-grow:1;font-size:1rem;line-height:1.4}.psico-fallos-option-icon{flex-shrink:0;font-size:1.2rem;margin-left:1rem}.psico-fallos-option.correct .psico-fallos-option-icon{color:#4caf50}.psico-fallos-option.incorrect .psico-fallos-option-icon{color:#f44336}.psico-fallos-explanation{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(156,39,176,.15);border:1px solid rgba(156,39,176,.2);border-radius:12px;margin-top:1rem;padding:1.5rem}.psico-fallos-explanation-header{align-items:center;color:#9c27b0;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.psico-fallos-explanation-icon{font-size:1.5rem}.psico-fallos-explanation p{color:#b0b0b0;line-height:1.6}.psico-fallos-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding:0 1rem}.psico-fallos-nav-button{align-items:center;background:transparent;border:2px solid #9c27b0;border-radius:8px;color:#e0e0e0;cursor:pointer;display:flex;font-weight:600;gap:.5rem;letter-spacing:1px;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.psico-fallos-nav-button:hover:not(:disabled){background:#7b1fa2;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-fallos-nav-button:disabled{cursor:not-allowed;opacity:.5}.psico-fallos-button-main{background:linear-gradient(135deg,#673ab7,#9c27b0);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.psico-fallos-button-main:hover{box-shadow:0 6px 20px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.psico-fallos-perfect{background:rgba(156,39,176,.1);border:2px solid rgba(156,39,176,.2);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.3);padding:4rem 2rem;text-align:center}.psico-fallos-perfect .psico-fallos-icon{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;color:#9c27b0;font-size:4rem;margin-bottom:1rem}.psico-fallos-perfect h1{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#9c27b0,#e1bee7);-webkit-background-clip:text;color:#fff;font-size:2.5rem;margin-bottom:1rem}.psico-fallos-perfect p{color:#b0b0b0;font-size:1.2rem;margin-bottom:2rem}.psico-fallos-perfect .psico-fallos-button{background:linear-gradient(135deg,#673ab7,#9c27b0);border:none;border-radius:8px;box-shadow:0 4px 15px rgba(156,39,176,.3);color:#fff;cursor:pointer;font-weight:600;letter-spacing:1px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease}.psico-fallos-perfect .psico-fallos-button:hover{box-shadow:0 6px 20px rgba(156,39,176,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@-webkit-keyframes titleFade{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes titleFade{0%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.5);transform:scale(1.5)}to{opacity:.5;-webkit-transform:scale(1);transform:scale(1)}}@media (max-width:768px){.psico-fallos-container,.psico-fallos-content{padding:1rem}.psico-fallos-header h1{font-size:2rem}.psico-fallos-image,.psico-fallos-image img{max-height:300px}.psico-fallos-navigation{flex-direction:column;gap:1rem}.psico-fallos-button-main,.psico-fallos-nav-button{justify-content:center;width:100%}}
/*# sourceMappingURL=main.c686e924.css.map*/