:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2c3e50;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#fff;border:8px solid #3498db;box-sizing:border-box}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){body{border:4px solid #3498db}}@media (max-width: 480px){body{border:3px solid #3498db}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.App{min-height:100vh;display:flex;flex-direction:column}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:2rem}.title-section{margin-bottom:4rem}.main-title{font-size:4rem;font-weight:700;color:#2c3e50;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.buttons-section{display:flex;flex-direction:column;gap:1.5rem;width:100%;max-width:400px}.nav-button{padding:1rem 2rem;font-size:1.2rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;transition:all .3s ease;text-align:center;box-shadow:0 4px 6px #0000001a}.nav-button:hover{background:linear-gradient(135deg,#2980b9,#1e5f8a);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.about-container{max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent;position:relative}.about-header{text-align:center;margin-bottom:3rem}.about-header h1{font-size:3rem;color:#2c3e50;margin-bottom:1rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.about-content{background:#ffffffb3;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.7}.about-content section{margin-bottom:2.5rem}.about-content section:last-child{margin-bottom:0}.about-content h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.2rem;font-weight:600;position:relative;padding-left:20px}.about-content h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:2px}.about-content p{margin-bottom:1rem;color:#555;font-size:1.05rem;text-align:justify}.configure-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent;position:relative}.configure-content h1{text-align:center;font-size:3rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.vessel-selection{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.vessel-card{background:#fff;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #3498db1f;border:3px solid rgba(52,152,219,.1);position:relative}.vessel-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3498db40;border-color:#3498db}.vessel-card.selected{border-color:#2ecc71;background:linear-gradient(135deg,#fff,#f8f9fa)}.vessel-card.selected:before{content:"✓";position:absolute;top:10px;right:15px;background:#2ecc71;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;z-index:2}.vessel-image-container{width:100%;height:180px;overflow:hidden;position:relative}.vessel-type-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.vessel-card:hover .vessel-type-image{transform:scale(1.1)}.vessel-name{padding:1.5rem;text-align:center;font-size:1.2rem;font-weight:600;color:#2c3e50;background:#fff}.parameters-section{background:#ffffffb3;border-radius:20px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.parameters-section h2{font-size:2.2rem;color:#2c3e50;margin-bottom:2.5rem;text-align:center;font-weight:700}.parameter-group{margin-bottom:2rem}.parameter-group label{display:block;margin-bottom:.8rem;font-weight:600;color:#2c3e50;font-size:1.1rem}.parameter-group input{width:100%;padding:1rem;border:2px solid rgba(52,152,219,.15);border-radius:10px;font-size:1.1rem;transition:all .3s ease;background:#f8f9fa;box-shadow:0 2px 8px #3498db0d;box-sizing:border-box}.parameter-group input:focus{outline:none;border-color:#3498db;background:#fff;box-shadow:0 0 0 3px #3498db26,0 4px 12px #3498db1a}.next-button{width:100%;max-width:400px;margin:0 auto;display:block;padding:1.2rem 2rem;font-size:1.3rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease}.next-button.active{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 8px 25px #2ecc714d}.next-button.active:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-3px);box-shadow:0 12px 30px #2ecc7166}.next-button.inactive{background:#bdc3c7;color:#7f8c8d;cursor:not-allowed}@media (max-width: 768px){.about-container{padding:1rem}.about-header h1{font-size:2.2rem;margin-bottom:2rem}.about-content{padding:1.5rem}.about-content h2{font-size:1.5rem;margin-bottom:1rem}.about-content p{font-size:1rem}.configure-container{padding:1rem}.configure-content h1{font-size:2.2rem;margin-bottom:2rem}.vessel-selection{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2.5rem}.vessel-image-container{height:150px}.vessel-name{padding:1rem;font-size:1.1rem}.parameters-section{padding:1.5rem;margin-bottom:2rem}.parameters-section h2{font-size:1.8rem;margin-bottom:1.5rem}.parameter-group{margin-bottom:1.5rem}.parameter-group input{padding:.8rem;font-size:1rem}.next-button{padding:1rem;font-size:1.2rem}}@media (max-width: 480px){.configure-container{padding:.5rem}.configure-content h1{font-size:1.8rem;margin-bottom:1.5rem}.vessel-selection{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.vessel-card{margin:0 .5rem}.vessel-image-container{height:120px}.vessel-name{padding:.8rem;font-size:1rem}.parameters-section{padding:1rem;border-radius:15px}.parameters-section h2{font-size:1.5rem;margin-bottom:1rem}.parameter-group{margin-bottom:1rem}.parameter-group label{font-size:1rem;margin-bottom:.5rem}.parameter-group input{padding:.7rem;font-size:.95rem}.next-button{padding:.8rem;font-size:1.1rem}}.propulsion-container{position:relative;max-width:900px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent;display:flex;align-items:center}.propulsion-content{width:100%}.propulsion-content h1{text-align:center;font-size:3rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.technology-options{display:flex;flex-direction:column;gap:2rem;background:#ffffffb3;border-radius:20px;padding:2.5rem;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.technology-button{padding:2rem;border:3px solid transparent;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:1.3rem;font-weight:600;text-align:left;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.technology-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.2),transparent);transition:left .5s}.technology-button:hover:before{left:100%}.technology-button:hover{border-color:#3498db;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #3498db4d;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.technology-button:hover .arrow{color:#fff}.technology-button.selected{border-color:#2ecc71;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 15px 30px #2ecc7166}.technology-button .arrow{color:#7f8c8d;font-size:1rem;font-weight:500;transition:color .3s ease}.battery-container{position:relative;max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent;display:flex;align-items:center}.battery-content{width:100%}.battery-content h1{text-align:center;font-size:3rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.employment-options{display:flex;flex-direction:column;gap:2rem;background:#ffffffb3;border-radius:20px;padding:2.5rem;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.employment-button{padding:2rem;border:3px solid transparent;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:15px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:1.3rem;font-weight:600;text-align:center;position:relative;overflow:hidden}.employment-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.2),transparent);transition:left .5s}.employment-button:hover:before{left:100%}.employment-button:hover{border-color:#3498db;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 30px #3498db4d;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.employment-button.selected{border-color:#2ecc71;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;box-shadow:0 15px 30px #2ecc7166}.summary-container{position:relative;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent}.summary-content h1{text-align:center;font-size:3.2rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.vessel-info{margin-bottom:3rem;background:#ffffffb3;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.vessel-info h2{color:#2c3e50;margin-bottom:2rem;font-size:2rem;font-weight:600;text-align:center}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.info-item{padding:1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;border-left:4px solid #3498db;box-shadow:0 4px 12px #3498db14;transition:transform .3s ease}.info-item:hover{transform:translate(5px)}.info-item strong{color:#2c3e50;display:block;margin-bottom:.5rem}.system-diagram{margin-bottom:3rem;background:#ffffffb3;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.system-diagram h2{color:#2c3e50;margin-bottom:2rem;text-align:center;font-size:2rem;font-weight:600}.diagram-placeholder{background:linear-gradient(135deg,#f8f9fa,#e3f2fd);border:3px dashed #3498db;border-radius:15px;padding:2.5rem;min-height:350px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1.5rem}.component{background:#fff;border:3px solid #3498db;border-radius:15px;padding:1.5rem;text-align:center;min-width:140px;box-shadow:0 8px 25px #3498db33;transition:all .3s ease}.component:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px #3498db4d}.component-label{font-weight:700;color:#2c3e50;margin-bottom:.8rem;font-size:1.1rem}.component-specs{font-size:1rem;color:#3498db;font-weight:600}.connection-line{width:60px;height:4px;background:linear-gradient(90deg,#3498db,#2980b9);margin:0 1rem;border-radius:2px}.diagram-image-container{width:100%;border-radius:15px;background:#fff;box-shadow:0 8px 25px #3498db1f;border:1px solid rgba(52,152,219,.1);padding:2rem;box-sizing:border-box}.diagram-image{display:block;margin:0 auto;max-width:100%;height:auto;border-radius:10px}.back-button{position:absolute;top:2rem;left:2rem;background:#ffffffe6;border:2px solid #3498db;border-radius:50px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;color:#3498db;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #3498db33;z-index:1000}.back-button:hover{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #3498db66}.components-specs{background:#ffffffb3;padding:2.5rem;border-radius:20px;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:3rem}.components-specs h2{color:#2c3e50;margin-bottom:2rem;text-align:center;font-size:2rem;font-weight:600}.specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.spec-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(52,152,219,.15);border-radius:15px;padding:2rem;box-shadow:0 8px 25px #3498db1f;transition:all .3s ease;position:relative;overflow:hidden}.spec-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3498db,#2980b9,#9b59b6)}.spec-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #3498db40;border-color:#3498db}.spec-card h3{color:#2c3e50;margin-bottom:1.5rem;font-size:1.4rem;font-weight:700}.spec-details div{padding:.8rem 0;border-bottom:1px solid #ecf0f1;font-size:1rem;display:flex;justify-content:space-between}.spec-details div:last-child{border-bottom:none}.download-button{width:100%;max-width:500px;margin:0 auto;display:block;padding:1.5rem 2rem;font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:15px;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 25px #3498db4d}.download-button:hover{background:linear-gradient(135deg,#2980b9,#1e5f8a);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 35px #3498db66}.sailing-ship-container{position:relative;max-width:1400px;margin:0 auto;margin-bottom:1rem;padding:2rem;background:transparent;min-height:100vh}.sailing-ship-container h1{font-size:3.5rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;text-align:center;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.vessels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin-top:2rem}.vessel-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px #3498db1f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:1px solid rgba(52,152,219,.15)}.vessel-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 50px #3498db40}.vessel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);z-index:1}.vessel-image{width:100%;height:250px;object-fit:cover;transition:transform .4s ease}.vessel-card:hover .vessel-image{transform:scale(1.05)}.vessel-info{padding:2rem;background:#fff;position:relative}.vessel-info h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:600;line-height:1.3}.vessel-info p{color:#666;line-height:1.6;font-size:1rem;margin:0;text-align:justify}@media (max-width: 768px){.sailing-ship-container{padding:1rem}.sailing-ship-container h1{font-size:2.5rem;margin-bottom:2rem}.vessels-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.vessel-card{border-radius:15px}.vessel-image{height:200px}.vessel-info{padding:1.5rem}.vessel-info h3{font-size:1.3rem}.vessel-info p{font-size:.95rem}}@media (max-width: 480px){.sailing-ship-container{padding:.5rem}.sailing-ship-container h1{font-size:2rem;margin-bottom:1.5rem}.vessels-grid{gap:1rem}.vessel-card{border-radius:12px;margin:0 .5rem}.vessel-image{height:180px}.vessel-info{padding:1rem}.vessel-info h3{font-size:1.2rem;margin-bottom:.8rem}.vessel-info p{font-size:.9rem;line-height:1.5}}.more-button{padding:1rem 2rem;font-size:1.2rem;font-weight:600;text-decoration:none;color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;cursor:pointer;text-align:center;box-shadow:0 4px 6px #0000001a;margin-top:1rem;width:100%;transition:all .3s ease}.more-button:hover{background:linear-gradient(135deg,#2980b9,#1e5f8a);transform:translateY(-2px);box-shadow:0 6px 12px #0003}.more-button:disabled{opacity:.6;cursor:not-allowed}.image-hint{text-align:center;margin-top:1rem;color:#7f8c8d;font-size:.9rem;font-style:italic}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.fullscreen-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center;cursor:default}.close-button{position:absolute;top:-50px;right:0;background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button:hover{background:#ffffff4d;border-color:#fff;transform:scale(1.1)}.rotate-button{position:absolute;top:-50px;right:50px;background:#3498db33;border:2px solid rgba(52,152,219,.5);color:#fff;border-radius:25px;padding:8px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.rotate-button:hover{background:#3498db66;border-color:#3498db;transform:scale(1.05)}.fullscreen-image{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px #3498db4d;border:2px solid rgba(52,152,219,.2)}.fullscreen-hint{margin-top:20px;color:#fffc;font-size:.9rem;text-align:center;background:#00000080;padding:8px 16px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 768px){.close-button,.rotate-button{top:-40px}.close-button{width:35px;height:35px;font-size:16px}.rotate-button{padding:6px 12px;font-size:12px;right:45px}.fullscreen-image{max-width:95vw;max-height:75vh}.fullscreen-hint{font-size:.8rem;margin-top:15px}}@media (min-width: 1400px){.vessels-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px) and (min-width: 769px){.vessels-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.vessel-card{max-width:none}}@media (max-width: 768px){.battery-container{padding:1rem;min-height:auto}.battery-content h1{font-size:2.2rem;margin-bottom:2rem}.employment-options{padding:1.5rem;gap:1.5rem}.employment-button{padding:1.5rem;font-size:1.1rem}.propulsion-container{padding:1rem;min-height:auto}.propulsion-content h1{font-size:2.2rem;margin-bottom:2rem}.technology-options{padding:1.5rem;gap:1.5rem}.technology-button{padding:1.5rem;font-size:1.1rem;flex-direction:column;text-align:center;gap:.5rem}.technology-button .arrow{font-size:.9rem}.summary-container{padding:1rem}.summary-content h1{font-size:2.5rem;margin-bottom:2rem}.vessel-info{padding:1.5rem;margin-bottom:2rem}.vessel-info h2{font-size:1.5rem;margin-bottom:1.5rem}.info-grid{grid-template-columns:1fr;gap:1rem}.system-diagram{padding:1.5rem;margin-bottom:2rem}.system-diagram h2{font-size:1.5rem;margin-bottom:1.5rem}.diagram-placeholder{padding:1.5rem;min-height:250px;gap:1rem}.component{min-width:100px;padding:1rem}.component-label{font-size:.9rem}.component-specs{font-size:.8rem}.connection-line{width:30px;height:3px}.components-specs{padding:1.5rem;margin-bottom:2rem}.components-specs h2{font-size:1.5rem;margin-bottom:1.5rem}.specs-grid{grid-template-columns:1fr;gap:1.5rem}.spec-card{padding:1.5rem}.spec-card h3{font-size:1.2rem;margin-bottom:1rem}.download-button{padding:1.2rem;font-size:1.1rem}.back-button{top:1rem;left:1rem;padding:.6rem 1.2rem;font-size:.9rem}}@media (max-width: 480px){.about-container{padding:.5rem}.about-header h1{font-size:1.8rem;margin-bottom:1.5rem}.about-content{padding:1rem}.about-content h2{font-size:1.3rem;margin-bottom:.8rem;padding-left:15px}.about-content h2:before{width:3px}.about-content p{font-size:.95rem;text-align:left}.battery-container{padding:.5rem}.battery-content h1{font-size:1.8rem;margin-bottom:1.5rem}.employment-options{padding:1rem;gap:1rem}.employment-button{padding:1.2rem;font-size:1rem}.propulsion-container{padding:.5rem}.propulsion-content h1{font-size:1.8rem;margin-bottom:1.5rem}.technology-options{padding:1rem;gap:1rem}.technology-button{padding:1.2rem;font-size:1rem}.technology-button .arrow{font-size:.8rem}.summary-container{padding:.5rem}.summary-content h1{font-size:2rem;margin-bottom:1.5rem}.vessel-info{padding:1rem;margin-bottom:1.5rem}.vessel-info h2{font-size:1.3rem;margin-bottom:1rem}.info-item{padding:.8rem}.system-diagram{padding:1rem;margin-bottom:1.5rem}.system-diagram h2{font-size:1.3rem;margin-bottom:1rem}.diagram-placeholder{padding:1rem;min-height:200px;gap:.5rem}.component{min-width:80px;padding:.8rem}.component-label{font-size:.8rem;margin-bottom:.3rem}.component-specs{font-size:.7rem}.connection-line{width:20px;height:2px}.components-specs{padding:1rem;margin-bottom:1.5rem}.components-specs h2{font-size:1.3rem;margin-bottom:1rem}.spec-card{padding:1rem}.spec-card h3{font-size:1.1rem;margin-bottom:.8rem}.spec-details div{padding:.5rem 0;font-size:.9rem;flex-direction:column;text-align:left}.download-button{padding:1rem;font-size:1rem}.back-button{top:.5rem;left:.5rem;padding:.5rem 1rem;font-size:.8rem}}.courses-page{position:relative;max-width:1200px;margin:0 auto;padding:2rem;min-height:100vh;background:transparent}.courses-page .container h1{text-align:center;font-size:3rem;color:#2c3e50;margin-bottom:3rem;margin-top:3rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.courses-page .subtitle{text-align:center;font-size:1.3rem;color:#7f8c8d;margin-bottom:2.5rem;font-weight:500}.course-types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.course-type-card{background:#ffffffb3;border-radius:20px;padding:2.5rem;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.course-type-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.2),transparent);transition:left .5s}.course-type-card:hover:before{left:100%}.course-type-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #3498db40;border-color:#3498db}.course-icon{font-size:3rem;margin-bottom:1.5rem;display:block}.course-type-card h2{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem;font-weight:600}.course-type-card p{color:#7f8c8d;margin-bottom:2rem;line-height:1.6}.select-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3498db4d}.select-btn:hover{background:linear-gradient(135deg,#2980b9,#1e5f8a);transform:translateY(-2px);box-shadow:0 8px 25px #3498db66}.selected-course-content{background:#ffffffb3;border-radius:20px;padding:2.5rem;box-shadow:0 15px 35px #3498db26;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn{background:#ffffffe6;border:2px solid #3498db;border-radius:50px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;color:#3498db;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #3498db33;margin-bottom:2rem}.back-btn:hover{background:#3498db;color:#fff;transform:translateY(-2px);box-shadow:0 12px 30px #3498db66}.selected-course-content h2{font-size:2.2rem;color:#2c3e50;margin-bottom:2rem;text-align:center;font-weight:700}.selected-course-content h3{font-size:1.8rem;color:#2c3e50;margin-bottom:1.5rem;margin-top:2rem;font-weight:600;position:relative;padding-left:20px}.selected-course-content h3:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:2px}.course-list{display:flex;flex-direction:column;gap:1.5rem}.course-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid rgba(52,152,219,.15);border-radius:15px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.course-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3498db,#2980b9,#9b59b6)}.course-item:hover{transform:translateY(-3px);box-shadow:0 10px 25px #3498db33;border-color:#3498db}.course-item h3,.course-item h4{color:#2c3e50;margin-bottom:.8rem;font-weight:600}.course-item h3{font-size:1.3rem}.course-item h4{font-size:1.1rem}.course-item p{color:#7f8c8d;margin-bottom:1.2rem;line-height:1.6;font-size:1rem}.course-btn{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #2ecc714d}.course-btn:hover{background:linear-gradient(135deg,#2ecc71,#27ae60);transform:translateY(-2px);box-shadow:0 8px 25px #2ecc7166}@media (max-width: 768px){.courses-page{padding:1rem}.courses-page .container h1{font-size:2.2rem;margin-bottom:2rem}.course-types-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}.course-type-card{padding:2rem}.course-icon{font-size:2.5rem;margin-bottom:1rem}.course-type-card h2{font-size:1.3rem}.selected-course-content{padding:1.5rem}.selected-course-content h2{font-size:1.8rem;margin-bottom:1.5rem}.selected-course-content h3{font-size:1.5rem;margin-bottom:1rem;margin-top:1.5rem;padding-left:15px}.course-item{padding:1.2rem}.course-item h3{font-size:1.2rem}.course-item h4{font-size:1rem}}@media (max-width: 480px){.courses-page{padding:.5rem}.courses-page .container h1{font-size:1.8rem;margin-bottom:1.5rem}.course-types-grid{gap:1rem}.course-type-card{padding:1.5rem}.course-icon{font-size:2rem}.course-type-card h2{font-size:1.2rem}.selected-course-content{padding:1rem}.selected-course-content h2{font-size:1.5rem}.selected-course-content h3{font-size:1.3rem;padding-left:12px}.course-item{padding:1rem}.course-item h3{font-size:1.1rem}.course-item h4{font-size:.95rem}.course-btn{padding:.7rem 1.2rem;font-size:.9rem}}.presentation-cta-section{margin-top:3rem;width:100%;max-width:400px}.presentation-cta-button{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);border-radius:12px;text-decoration:none;color:#fff;transition:all .3s ease;box-shadow:0 4px 15px #9b59b64d}.presentation-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #9b59b666;background:linear-gradient(135deg,#8e44ad,#7d3c98)}.cta-icon{font-size:1.5rem}.cta-text{display:flex;flex-direction:column;text-align:left;flex:1}.cta-text strong{font-size:1.1rem}.cta-text small{font-size:.85rem;opacity:.9}.cta-arrow{font-size:1.3rem;transition:transform .3s ease}.presentation-cta-button:hover .cta-arrow{transform:translate(5px)}.presentation-home-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.presentation-header{text-align:center;margin-bottom:3rem;margin-top:2rem}.demo-badge{display:inline-block;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem}.presentation-header h1{font-size:3rem;color:#2c3e50;margin-bottom:1rem;font-weight:700}.presentation-subtitle{font-size:1.2rem;color:#7f8c8d;max-width:700px;margin:0 auto;line-height:1.6}.modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:4rem}.module-card{background:#ffffffe6;border-radius:20px;padding:2rem;text-decoration:none;color:inherit;border:3px solid rgba(52,152,219,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;position:relative;overflow:hidden;animation:fadeInUp .6s ease forwards;animation-delay:var(--animation-delay);opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--module-color)}.module-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #3498db33;border-color:var(--module-color)}.module-icon{font-size:3rem;margin-bottom:1rem}.module-content h2{font-size:1.5rem;color:#2c3e50;margin-bottom:.3rem}.module-subtitle{font-size:.9rem;color:var(--module-color);font-weight:600;display:block;margin-bottom:1rem}.module-content p{color:#7f8c8d;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.module-features{list-style:none;padding:0;margin:0 0 1.5rem}.module-features li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:#555;font-size:.9rem}.module-features li:before{content:"✓";position:absolute;left:0;color:var(--module-color);font-weight:700}.module-cta{margin-top:auto;padding-top:1rem;color:var(--module-color);font-weight:600;display:flex;align-items:center;gap:.5rem}.module-cta span{transition:transform .3s ease}.module-card:hover .module-cta span{transform:translate(5px)}.presentation-footer{margin-top:3rem}.value-props{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.value-prop{text-align:center;padding:1.5rem;background:#ffffffb3;border-radius:15px;transition:transform .3s ease}.value-prop:hover{transform:translateY(-5px)}.value-icon{font-size:2rem;display:block;margin-bottom:.5rem}.value-prop h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.3rem}.value-prop p{font-size:.85rem;color:#7f8c8d;margin:0}.future-teaser{text-align:center;padding:2rem;background:linear-gradient(135deg,#3498db1a,#9b59b61a);border-radius:15px}.future-teaser h3{color:#2c3e50;margin-bottom:.5rem}.future-teaser p{color:#7f8c8d;font-size:.95rem}.presentation-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fffffff2;border-radius:15px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;position:sticky;top:1rem;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.presentation-nav-brand a{font-size:1.3rem;font-weight:700;color:#2c3e50;text-decoration:none}.presentation-nav-items{display:flex;gap:.5rem}.presentation-nav-item{display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-radius:8px;text-decoration:none;color:#7f8c8d;font-size:.9rem;font-weight:500;transition:all .3s ease}.presentation-nav-item:hover{background:#3498db1a;color:#3498db}.presentation-nav-item.active{background:#3498db;color:#fff}.nav-icon{font-size:1rem}.presentation-nav-badge{background:#e74c3c;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:1px}.pricing-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.pricing-dashboard-content{margin-top:1rem}.pricing-header{text-align:center;margin-bottom:2rem}.pricing-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.pricing-header p{color:#7f8c8d;font-size:1.1rem}.pricing-section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;color:#2c3e50}.compare-toggle{padding:.6rem 1.2rem;background:#f8f9fa;border:2px solid #3498db;border-radius:8px;color:#3498db;font-weight:600;cursor:pointer;transition:all .3s ease}.compare-toggle:hover,.compare-toggle.active{background:#3498db;color:#fff}.config-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.config-card{background:#fff;border-radius:15px;padding:1.5rem;border:3px solid rgba(52,152,219,.1);cursor:pointer;transition:all .3s ease;position:relative}.config-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #3498db26;border-color:#3498db}.config-card.selected{border-color:#2ecc71;box-shadow:0 10px 30px #2ecc7133}.config-card.comparing{border-color:#9b59b6}.compare-checkbox{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#9b59b6}.config-card h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.8rem}.config-specs{display:flex;gap:1rem;margin-bottom:1rem}.config-specs span{background:#f8f9fa;padding:.3rem .6rem;border-radius:5px;font-size:.85rem;color:#7f8c8d}.config-price{font-size:1.5rem;font-weight:700;color:#2ecc71;margin-bottom:.5rem}.config-delivery{font-size:.85rem;color:#7f8c8d}.comparator-section{margin-bottom:3rem}.comparator-section h2{font-size:1.5rem;color:#2c3e50;margin-bottom:1.5rem}.comparator-table{overflow-x:auto}.comparator-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #00000014}.comparator-table th,.comparator-table td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid #f0f0f0}.comparator-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}.comparator-table th:first-child{background:#3498db;color:#fff}.comparator-table td:first-child{font-weight:500;color:#7f8c8d}.price-row td{font-weight:700}.price-cell{color:#2ecc71;font-size:1.1rem}.config-detail-section{background:#ffffffe6;border-radius:20px;padding:2rem;margin-bottom:3rem}.config-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.config-detail-header h2{font-size:1.8rem;color:#2c3e50}.config-detail-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.badge.vessel{background:#3498db;color:#fff}.badge.tech{background:#9b59b6;color:#fff}.badge.battery{background:#2ecc71;color:#fff}.config-detail-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:1.5rem}.detail-card{background:#f8f9fa;border-radius:15px;padding:1.5rem}.detail-card h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #3498db}.param-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.param-item{display:flex;flex-direction:column}.param-label{font-size:.8rem;color:#7f8c8d;margin-bottom:.2rem}.param-value{font-size:1.2rem;font-weight:600;color:#2c3e50}.components-list{display:flex;flex-direction:column;gap:.8rem}.component-row{display:flex;justify-content:space-between;align-items:center;padding:.8rem;background:#fff;border-radius:8px}.component-info{display:flex;flex-direction:column}.component-name{font-weight:500;color:#2c3e50}.component-specs{font-size:.8rem;color:#7f8c8d}.component-price{font-weight:600;color:#2c3e50}.component-row.subtotal,.component-row.installation{background:#f0f0f0}.component-row.total{background:#2ecc71;color:#fff}.component-row.total span{font-weight:700;font-size:1.1rem}.detail-card.summary{display:flex;flex-direction:column;gap:1.5rem}.summary-price{text-align:center;padding:1.5rem;background:linear-gradient(135deg,#2ecc71,#27ae60);border-radius:15px;color:#fff}.price-label{display:block;font-size:.9rem;opacity:.9;margin-bottom:.3rem}.price-value{display:block;font-size:2rem;font-weight:700}.summary-delivery{text-align:center;padding:1rem;background:#3498db1a;border-radius:10px}.delivery-label{display:block;font-size:.85rem;color:#7f8c8d;margin-bottom:.3rem}.delivery-value{display:block;font-size:1.3rem;font-weight:600;color:#3498db}.export-button,.configure-button{width:100%;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.export-button{background:#3498db;color:#fff}.export-button:hover{background:#2980b9}.configure-button{background:#f8f9fa;color:#2c3e50;border:2px solid #3498db}.configure-button:hover{background:#3498db;color:#fff}.how-it-works-section{margin-top:3rem}.how-it-works-section h2{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.step{text-align:center;padding:1.5rem;background:#fff;border-radius:15px;position:relative}.step:after{content:"→";position:absolute;right:-1rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#bdc3c7}.step:last-child:after{display:none}.step-number{width:40px;height:40px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 1rem}.step h3{font-size:1rem;color:#2c3e50;margin-bottom:.5rem}.step p{font-size:.85rem;color:#7f8c8d;margin:0}.algorithm-note{background:#9b59b61a;padding:1.5rem;border-radius:15px;border-left:4px solid #9b59b6}.algorithm-note h4{color:#9b59b6;margin-bottom:.5rem}.algorithm-note p{color:#7f8c8d;margin:0;font-size:.95rem}.crm-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.crm-dashboard-content{margin-top:1rem}.crm-header{text-align:center;margin-bottom:2rem}.crm-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.crm-header p{color:#7f8c8d;font-size:1.1rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 15px #00000014}.kpi-icon{font-size:2.5rem}.kpi-content{display:flex;flex-direction:column}.kpi-value{font-size:1.8rem;font-weight:700;color:#2c3e50}.kpi-label{font-size:.85rem;color:#7f8c8d}.crm-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#f8f9fa;padding:.5rem;border-radius:10px;width:fit-content}.crm-tab{padding:.8rem 1.5rem;border:none;background:transparent;border-radius:8px;font-size:1rem;font-weight:500;color:#7f8c8d;cursor:pointer;transition:all .3s ease}.crm-tab:hover{color:#3498db}.crm-tab.active{background:#fff;color:#3498db;box-shadow:0 2px 8px #0000001a}.pipeline-view{margin-bottom:3rem}.pipeline-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pipeline-column{background:#f8f9fa;border-radius:15px;padding:1rem;min-height:400px}.pipeline-column-header{padding-bottom:.8rem;margin-bottom:1rem;border-bottom:3px solid;display:flex;justify-content:space-between;align-items:center}.stage-name{font-weight:600;color:#2c3e50}.stage-count{background:#fff;padding:.2rem .6rem;border-radius:10px;font-size:.85rem;font-weight:600}.pipeline-deals{display:flex;flex-direction:column;gap:.8rem}.pipeline-deal-card{background:#fff;border-radius:10px;padding:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.pipeline-deal-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pipeline-deal-card .deal-title{font-weight:600;color:#2c3e50;font-size:.95rem;margin-bottom:.3rem}.pipeline-deal-card .deal-client{font-size:.8rem;color:#7f8c8d;margin-bottom:.5rem}.deal-footer{display:flex;justify-content:space-between;align-items:center}.deal-value{font-weight:600;color:#2ecc71}.deal-probability{font-size:.8rem;color:#7f8c8d}.clients-view{margin-bottom:3rem}.clients-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.status-filter{padding:.6rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;cursor:pointer}.add-client-btn{padding:.6rem 1.2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.add-client-btn:hover{background:#2980b9}.clients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.client-card{background:#fff;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.client-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.client-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.client-avatar{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.client-avatar.large{width:70px;height:70px;font-size:1.5rem}.client-info{flex:1}.client-info h3{font-size:1.1rem;color:#2c3e50;margin:0}.client-type{font-size:.85rem;color:#7f8c8d}.client-status{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.client-details{margin-bottom:1rem}.client-detail{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#7f8c8d;margin-bottom:.4rem}.detail-icon{font-size:1rem}.client-stats{display:flex;gap:2rem;padding-top:1rem;border-top:1px solid #f0f0f0}.client-stat{display:flex;flex-direction:column}.stat-value{font-size:1.2rem;font-weight:700;color:#2c3e50}.stat-label{font-size:.8rem;color:#7f8c8d}.deals-view{margin-bottom:3rem}.deals-table-container{overflow-x:auto}.deals-table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px #00000014}.deals-table th,.deals-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.deals-table th{background:#f8f9fa;font-weight:600;color:#2c3e50;font-size:.9rem}.deals-table tr{cursor:pointer;transition:background .3s ease}.deals-table tbody tr:hover{background:#3498db0d}.deal-title-cell{display:flex;flex-direction:column}.deal-title-cell .deal-title{font-weight:600;color:#2c3e50}.deal-title-cell .deal-vessel{font-size:.8rem;color:#7f8c8d}.tech-badge{background:#9b59b626;color:#9b59b6;padding:.3rem .6rem;border-radius:5px;font-size:.8rem;font-weight:500;text-transform:capitalize}.value-cell{font-weight:600;color:#2ecc71}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.status-badge.large{padding:.5rem 1rem;font-size:.9rem}.status-badge.small{padding:.2rem .5rem;font-size:.7rem}.probability-bar{display:flex;align-items:center;gap:.5rem}.probability-bar .progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.probability-bar .probability-fill{height:100%;background:#3498db;transition:width .3s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border:none;background:#f8f9fa;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#7f8c8d;transition:all .3s ease}.modal-close:hover{background:#e74c3c;color:#fff}.deal-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.deal-detail-header h2{font-size:1.5rem;color:#2c3e50}.deal-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.detail-section{background:#f8f9fa;padding:1rem;border-radius:10px}.detail-section h4{font-size:.9rem;color:#7f8c8d;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.5px}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:#7f8c8d}.detail-row span:last-child{font-weight:500;color:#2c3e50}.value-highlight{color:#2ecc71!important;font-weight:700!important}.detail-section.notes{grid-column:span 3}.detail-section.notes p{color:#555;line-height:1.6;margin:0}.tech-badges{display:flex;gap:.5rem;flex-wrap:wrap}.deal-actions,.client-actions{display:flex;gap:1rem;margin-top:1.5rem}.action-btn{padding:.8rem 1.5rem;border:2px solid #3498db;background:transparent;color:#3498db;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#3498db1a}.action-btn.primary{background:#3498db;color:#fff}.action-btn.primary:hover{background:#2980b9}.client-detail-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.client-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.client-deals-section{margin-top:1.5rem}.client-deals-section h4{font-size:1rem;color:#2c3e50;margin-bottom:1rem}.client-deals-list{display:flex;flex-direction:column;gap:.8rem}.client-deal-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f8f9fa;border-radius:10px}.client-deal-item .deal-title{font-weight:500;color:#2c3e50}.client-deal-item .deal-value{font-weight:600;color:#2ecc71}.crm-features-section{margin-top:3rem}.crm-features-section h2{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card{background:#fff;padding:1.5rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px #00000014;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:#7f8c8d;margin:0;line-height:1.5}.academy-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.academy-dashboard-content{margin-top:1rem}.academy-header{text-align:center;margin-bottom:2rem}.academy-header h1{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem}.academy-header p{color:#7f8c8d;font-size:1.1rem}.user-progress-section{margin-bottom:2rem}.progress-card.main{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:20px;padding:2rem;color:#fff;display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.progress-info h3{font-size:1.5rem;margin-bottom:1.5rem}.progress-stats{display:flex;gap:3rem}.progress-stat{display:flex;flex-direction:column}.progress-stat .stat-value{font-size:1.8rem;font-weight:700;color:#fff}.progress-stat .stat-label{font-size:.85rem;opacity:.9;color:#fff}.overall-progress{position:relative}.progress-ring{position:relative;width:120px;height:120px}.progress-ring svg{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:#ffffff4d;stroke-width:8}.progress-ring-fill{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700}.certificates-preview{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014}.certificates-preview h4{font-size:1rem;color:#2c3e50;margin-bottom:1rem}.certificates-list{display:flex;gap:1rem;flex-wrap:wrap}.certificate-badge{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#f39c121a,#e67e221a);border-radius:10px;border:2px solid #f39c12}.cert-icon{font-size:1.5rem}.cert-info{display:flex;flex-direction:column}.cert-name{font-weight:600;color:#2c3e50;font-size:.9rem}.cert-date{font-size:.8rem;color:#7f8c8d}.academy-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#f8f9fa;padding:.5rem;border-radius:10px;width:fit-content}.academy-tab{padding:.8rem 1.5rem;border:none;background:transparent;border-radius:8px;font-size:1rem;font-weight:500;color:#7f8c8d;cursor:pointer;transition:all .3s ease}.academy-tab:hover{color:#9b59b6}.academy-tab.active{background:#fff;color:#9b59b6;box-shadow:0 2px 8px #0000001a}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.course-card{background:#fff;border-radius:15px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #00000014}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001f}.course-card.completed{border:2px solid #2ecc71}.course-thumbnail{height:120px;background:linear-gradient(135deg,#9b59b6,#8e44ad);display:flex;align-items:center;justify-content:center;position:relative}.category-icon{font-size:3rem}.completed-badge{position:absolute;top:.5rem;right:.5rem;background:#2ecc71;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600}.course-card .course-content{padding:1.5rem}.course-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.level-badge{padding:.25rem .6rem;border-radius:5px;font-size:.75rem;font-weight:600;color:#fff}.duration{font-size:.85rem;color:#7f8c8d}.course-card h3{font-size:1.1rem;color:#2c3e50;margin-bottom:.5rem;line-height:1.4}.course-card p{font-size:.9rem;color:#7f8c8d;line-height:1.5;margin-bottom:1rem}.course-footer{display:flex;justify-content:space-between;align-items:center}.lessons-count{font-size:.85rem;color:#7f8c8d}.course-progress{display:flex;align-items:center;gap:.5rem}.course-progress .progress-bar{width:60px;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.course-progress .progress-fill{height:100%;background:#9b59b6}.course-progress span{font-size:.8rem;color:#9b59b6;font-weight:600}.course-detail-modal{max-width:700px}.course-detail-header{margin-bottom:2rem}.category-badge{display:inline-block;padding:.4rem .8rem;background:#9b59b626;color:#9b59b6;border-radius:5px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.course-detail-header h2{font-size:1.8rem;color:#2c3e50;margin-bottom:.8rem}.course-detail-header p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.course-meta-detail{display:flex;gap:1rem;flex-wrap:wrap}.course-meta-detail span{font-size:.9rem;color:#7f8c8d}.course-modules h3{font-size:1.2rem;color:#2c3e50;margin-bottom:1rem}.modules-list{display:flex;flex-direction:column;gap:.5rem}.module-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease}.module-item:hover{background:#e8e8e8}.module-item.completed{background:#2ecc711a}.module-item.quiz{background:#9b59b61a}.module-number{width:32px;height:32px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.module-item.completed .module-number{background:#2ecc71}.module-item.quiz .module-number{background:#9b59b6}.module-info{flex:1;display:flex;justify-content:space-between;align-items:center}.module-title{font-weight:500;color:#2c3e50}.module-duration{font-size:.85rem;color:#7f8c8d}.start-module-btn{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:5px;font-weight:500;cursor:pointer;transition:background .3s ease}.start-module-btn:hover{background:#2980b9}.course-progress-detail{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.course-progress-detail h4{font-size:1rem;color:#2c3e50;margin-bottom:.8rem}.progress-bar.large{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin-bottom:.5rem}.progress-bar.large .progress-fill{height:100%;background:linear-gradient(135deg,#9b59b6,#8e44ad)}.player-modal{max-width:900px}.module-player{padding:1rem}.player-header{margin-bottom:1.5rem}.player-header .course-title{font-size:.9rem;color:#7f8c8d}.player-header h2{font-size:1.5rem;color:#2c3e50;margin-top:.3rem}.video-placeholder{background:linear-gradient(135deg,#2c3e50,#1a252f);border-radius:15px;padding:4rem;text-align:center;color:#fff;margin-bottom:2rem}.video-icon{font-size:4rem;margin-bottom:1rem}.video-placeholder p{font-size:1.2rem;margin-bottom:.5rem}.video-duration{opacity:.7}.player-content{margin-bottom:2rem}.content-placeholder{background:#f8f9fa;padding:1.5rem;border-radius:10px}.content-placeholder h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem}.content-placeholder p{color:#7f8c8d;line-height:1.6;margin-bottom:1rem}.content-placeholder ul{color:#555;margin-left:1.5rem}.content-placeholder li{margin-bottom:.5rem}.player-navigation{display:flex;justify-content:space-between;gap:1rem}.nav-btn{padding:.8rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.nav-btn.prev,.nav-btn.next{background:#f8f9fa;color:#2c3e50}.nav-btn.prev:hover:not(:disabled),.nav-btn.next:hover:not(:disabled){background:#e0e0e0}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.nav-btn.complete{background:#2ecc71;color:#fff;flex:1}.nav-btn.complete:hover{background:#27ae60}.quiz-modal{max-width:800px}.quiz-player{padding:1rem}.quiz-header{text-align:center;margin-bottom:2rem}.quiz-header h2{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.quiz-header p{color:#7f8c8d}.quiz-questions{margin-bottom:2rem}.quiz-question{background:#f8f9fa;border-radius:15px;padding:1.5rem;margin-bottom:1.5rem}.quiz-question h4{display:flex;align-items:flex-start;gap:.8rem;font-size:1rem;color:#2c3e50;margin-bottom:1rem;line-height:1.5}.question-number{background:#9b59b6;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.quiz-options{display:flex;flex-direction:column;gap:.8rem}.quiz-option{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.quiz-option:hover{border-color:#9b59b6}.quiz-option.selected{border-color:#9b59b6;background:#9b59b61a}.quiz-option input{display:none}.option-letter{width:28px;height:28px;background:#e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#7f8c8d}.quiz-option.selected .option-letter{background:#9b59b6;color:#fff}.option-text{color:#2c3e50}.quiz-submit{text-align:center}.submit-quiz-btn{padding:1rem 3rem;background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-quiz-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #9b59b64d}.submit-quiz-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-results{text-align:center}.result-card{padding:2rem;border-radius:20px;margin-bottom:2rem}.result-card.passed{background:linear-gradient(135deg,#2ecc711a,#27ae601a);border:2px solid #2ecc71}.result-card.failed{background:linear-gradient(135deg,#e74c3c1a,#c0392b1a);border:2px solid #e74c3c}.result-icon{font-size:4rem;margin-bottom:1rem}.result-card h3{font-size:1.5rem;color:#2c3e50;margin-bottom:1rem}.result-score{margin-bottom:1rem}.score-value{display:block;font-size:3rem;font-weight:700;color:#2c3e50}.score-label{font-size:.9rem;color:#7f8c8d}.result-card p{color:#7f8c8d;margin-bottom:1.5rem}.certificate-preview{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;border-radius:25px;font-weight:600}.result-actions{display:flex;justify-content:center;gap:1rem}.academy-features-section{margin-top:3rem}.academy-features-section h2{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}.portal-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.portal-dashboard-content{margin-top:1rem}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.portal-welcome h1{font-size:2rem;color:#2c3e50;margin-bottom:.3rem}.portal-welcome p{color:#7f8c8d}.portal-quick-stats{display:flex;gap:2rem}.quick-stat{text-align:center}.quick-stat .stat-value{display:block;font-size:1.5rem;font-weight:700;color:#2c3e50}.quick-stat .stat-label{font-size:.8rem;color:#7f8c8d}.portal-tabs{display:flex;gap:.5rem;margin-bottom:2rem;background:#f8f9fa;padding:.5rem;border-radius:10px;width:fit-content}.portal-tab{padding:.8rem 1.5rem;border:none;background:transparent;border-radius:8px;font-size:1rem;font-weight:500;color:#7f8c8d;cursor:pointer;transition:all .3s ease}.portal-tab:hover{color:#e67e22}.portal-tab.active{background:#fff;color:#e67e22;box-shadow:0 2px 8px #0000001a}.portal-main{display:grid;grid-template-columns:300px 1fr;gap:2rem;margin-bottom:3rem}.orders-sidebar{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #00000014;height:fit-content}.orders-sidebar h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem}.orders-list{display:flex;flex-direction:column;gap:.8rem}.order-item{padding:1rem;background:#f8f9fa;border-radius:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.order-item:hover{background:#e8e8e8}.order-item.selected{border-color:#e67e22;background:#e67e221a}.order-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.order-id{font-size:.8rem;font-weight:600;color:#7f8c8d}.order-status{padding:.2rem .6rem;border-radius:10px;font-size:.7rem;font-weight:600;color:#fff}.order-item-title{font-weight:500;color:#2c3e50;font-size:.9rem;margin-bottom:.3rem}.order-item-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#7f8c8d}.portal-content{background:#fff;border-radius:15px;padding:2rem;box-shadow:0 4px 15px #00000014}.order-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.order-title-section h2{font-size:1.5rem;color:#2c3e50;margin-bottom:.3rem}.order-id-large{font-size:.9rem;color:#7f8c8d}.order-status-large{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.order-timeline-section{margin-bottom:2rem}.order-timeline-section h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1.5rem}.order-timeline{display:flex;justify-content:space-between;position:relative}.order-timeline:before{content:"";position:absolute;top:20px;left:5%;right:5%;height:3px;background:#e0e0e0;z-index:0}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;flex:1}.step-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:.8rem;background:#e0e0e0;color:#7f8c8d}.timeline-step.completed .step-indicator{background:#2ecc71;color:#fff}.timeline-step.in_progress .step-indicator{background:#f39c12;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f39c1266}50%{box-shadow:0 0 0 10px #f39c1200}}.step-content{text-align:center}.step-name{display:block;font-size:.85rem;font-weight:500;color:#2c3e50;margin-bottom:.2rem}.step-date{display:block;font-size:.75rem;color:#7f8c8d}.step-progress{display:flex;align-items:center;gap:.3rem;margin-top:.3rem}.step-progress .progress-bar.small{width:50px;height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden}.step-progress .progress-fill{height:100%;background:#f39c12}.step-progress span{font-size:.7rem;color:#f39c12;font-weight:600}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.info-card{background:#f8f9fa;border-radius:15px;padding:1.5rem}.info-card h4{font-size:1rem;color:#2c3e50;margin-bottom:1rem}.info-rows{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#7f8c8d}.info-row span:last-child{font-weight:500;color:#2c3e50}.payment-summary{display:flex;align-items:center;gap:2rem}.payment-chart{position:relative;width:100px;height:100px}.payment-chart svg{transform:rotate(-90deg)}.payment-bg{fill:none;stroke:#e0e0e0;stroke-width:8}.payment-fill{fill:none;stroke:#2ecc71;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray .5s ease}.payment-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.2rem;font-weight:700;color:#2c3e50}.payment-details{flex:1}.payment-row{display:flex;justify-content:space-between;padding:.5rem 0}.payment-row span:first-child{color:#7f8c8d}.payment-row span:last-child{font-weight:500;color:#2c3e50}.payment-row.paid span:last-child{color:#2ecc71}.payment-row.remaining span:last-child{color:#e67e22}.quick-documents{margin-top:1.5rem}.quick-documents .section-header{margin-bottom:1rem}.quick-documents h4{font-size:1rem;color:#2c3e50}.view-all-btn{background:none;border:none;color:#3498db;font-weight:600;cursor:pointer}.documents-grid.small{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.document-card.small{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#f8f9fa;border-radius:10px}.doc-icon{font-size:1.5rem}.doc-info{flex:1;display:flex;flex-direction:column}.doc-name{font-weight:500;color:#2c3e50;font-size:.9rem}.doc-meta{font-size:.75rem;color:#7f8c8d}.download-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .3s ease}.download-btn:hover{opacity:1}.documents-section{padding:0}.documents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.documents-header h2{font-size:1.5rem;color:#2c3e50}.documents-filter{display:flex;gap:1rem}.documents-filter select{padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem}.documents-table{overflow-x:auto}.documents-table table{width:100%;border-collapse:collapse}.documents-table th,.documents-table td{padding:1rem;text-align:left;border-bottom:1px solid #f0f0f0}.documents-table th{background:#f8f9fa;font-weight:600;color:#7f8c8d;font-size:.85rem}.doc-name-cell{display:flex;align-items:center;gap:.8rem;font-weight:500;color:#2c3e50}.type-badge{padding:.3rem .6rem;background:#f8f9fa;border-radius:5px;font-size:.8rem;color:#7f8c8d}.download-btn-text{background:none;border:none;color:#3498db;font-weight:600;cursor:pointer}.download-btn-text:hover{text-decoration:underline}.support-section{padding:0}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.support-header h2{font-size:1.5rem;color:#2c3e50}.new-ticket-btn{padding:.8rem 1.5rem;background:#e67e22;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.new-ticket-btn:hover{background:#d35400}.ticket-form-card{background:#f8f9fa;border-radius:15px;padding:1.5rem;margin-bottom:2rem}.ticket-form-card h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;color:#2c3e50;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#e67e22}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{padding:.8rem 1.5rem;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:#e0e0e0}.submit-btn{padding:.8rem 1.5rem;background:#e67e22;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .3s ease}.submit-btn:hover{background:#d35400}.tickets-list h3{font-size:1.1rem;color:#2c3e50;margin-bottom:1rem}.ticket-card{background:#f8f9fa;border-radius:15px;padding:1.5rem;margin-bottom:1rem}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.ticket-info .ticket-id{font-size:.8rem;color:#7f8c8d}.ticket-info h4{font-size:1.1rem;color:#2c3e50;margin:.3rem 0}.ticket-order{font-size:.85rem;color:#7f8c8d}.ticket-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.ticket-status{padding:.3rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.ticket-priority{font-size:.8rem;font-weight:600}.ticket-messages{margin-bottom:1rem}.message{padding:1rem;border-radius:10px;margin-bottom:.8rem}.message.client{background:#fff;margin-left:2rem}.message.support{background:#3498db1a;margin-right:2rem}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.message-from{font-weight:600;color:#2c3e50;font-size:.9rem}.message-date{font-size:.8rem;color:#7f8c8d}.message p{color:#555;margin:0;line-height:1.5}.ticket-reply{display:flex;gap:.5rem}.ticket-reply input{flex:1;padding:.8rem;border:2px solid #e0e0e0;border-radius:8px}.ticket-reply button{padding:.8rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}.portal-features-section{margin-top:3rem}.portal-features-section h2{text-align:center;font-size:1.8rem;color:#2c3e50;margin-bottom:2rem}@media (max-width: 1200px){.modules-grid{grid-template-columns:1fr}.config-cards{grid-template-columns:repeat(2,1fr)}.config-detail-grid{grid-template-columns:1fr}.pipeline-columns{grid-template-columns:repeat(2,1fr)}.portal-main{grid-template-columns:1fr}.orders-sidebar{display:grid;grid-template-columns:repeat(3,1fr)}.orders-sidebar h3{grid-column:span 3}}@media (max-width: 900px){.presentation-nav-items{display:none}.kpi-grid,.clients-grid,.courses-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.step:after{display:none}.value-props,.features-grid{grid-template-columns:repeat(2,1fr)}.order-timeline{flex-direction:column;gap:1rem}.order-timeline:before{display:none}.timeline-step{flex-direction:row;gap:1rem}.step-content{text-align:left}}@media (max-width: 768px){.presentation-home-container,.pricing-dashboard-container,.crm-dashboard-container,.academy-dashboard-container,.portal-dashboard-container{padding:1rem}.presentation-header h1{font-size:2rem}.config-cards,.pipeline-columns,.clients-grid,.courses-grid,.kpi-grid,.deal-detail-grid,.client-detail-grid{grid-template-columns:1fr}.detail-section.notes{grid-column:span 1}.order-info-grid,.documents-grid.small,.orders-sidebar{grid-template-columns:1fr}.orders-sidebar h3{grid-column:span 1}.progress-card.main{flex-direction:column;text-align:center}.progress-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem}.comparator-table{font-size:.85rem}.comparator-table th,.comparator-table td{padding:.8rem}.value-props,.features-grid,.steps-grid{grid-template-columns:1fr}.payment-summary{flex-direction:column;text-align:center}}@media (max-width: 480px){.presentation-nav{padding:.8rem}.presentation-nav-brand a{font-size:1rem}.module-card{padding:1.5rem}.module-icon{font-size:2rem}.modal-content{padding:1.5rem;margin:1rem}.deal-actions,.result-actions{flex-direction:column}.portal-header{flex-direction:column;text-align:center}.portal-quick-stats{flex-wrap:wrap;justify-content:center}}.bonus-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.bonus-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:1.5px solid #2c3e50;border-radius:20px;color:#2c3e50;text-decoration:none;font-size:.85rem;transition:all .3s ease;background:transparent}.bonus-link:hover{border-color:#3498db;color:#3498db;background:#3498db1a;transform:translateY(-2px)}.bonus-link-icon{font-size:1rem}.bonus-showcase-container{min-height:100vh;background:linear-gradient(135deg,#e8f4f8,#f5f7fa);padding:2rem}.bonus-showcase-content{max-width:1200px;margin:0 auto}.bonus-page-header{text-align:center;margin-bottom:3rem}.bonus-page-header h1{font-size:2.5rem;color:#2c3e50;margin:1rem 0 .5rem}.bonus-subtitle{font-size:1.2rem;color:#7f8c8d}.bonus-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.bonus-badge.exclusive{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.bonus-badge.development{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.bonus-section{background:#fffc;border-radius:20px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000000d}.bonus-section h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.section-description{text-align:center;color:#7f8c8d;margin-bottom:2rem}.bonus-hero-section{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:2rem}.bonus-stats-row{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.bonus-stat-card{background:#fff;padding:1.5rem 2rem;border-radius:15px;text-align:center;box-shadow:0 4px 15px #00000014;min-width:150px}.bonus-stat-card .stat-value{display:block;font-size:2rem;font-weight:700;color:#2ecc71}.bonus-stat-card .stat-label{display:block;font-size:.85rem;color:#7f8c8d}.chat-widget-preview{width:350px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.chat-widget-header{background:linear-gradient(135deg,#3498db,#2980b9);padding:1rem 1.5rem;display:flex;align-items:center;gap:.8rem;color:#fff}.chat-avatar{width:35px;height:35px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.online-dot{width:8px;height:8px;background:#2ecc71;border-radius:50%;margin-left:auto}.chat-messages{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:200px}.chat-message{max-width:85%;padding:.8rem 1rem;border-radius:15px;font-size:.9rem;line-height:1.5}.chat-message p{margin:0;color:inherit}.chat-message.bot{background:#f1f3f4;color:#2c3e50;align-self:flex-start;border-bottom-left-radius:5px}.chat-message.user{background:#3498db;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.chat-meta{font-size:.8rem;color:#7f8c8d;margin-top:.5rem!important}.chat-input-preview{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem}.chat-input-preview input{flex:1;padding:.8rem;border:1px solid #ddd;border-radius:20px;font-size:.9rem}.chat-voice-btn{width:40px;height:40px;border-radius:50%;border:none;background:#3498db;color:#fff;cursor:pointer}.bonus-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.bonus-feature-card{background:#fff;border-radius:15px;padding:1.5rem;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.bonus-feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.bonus-feature-card .feature-icon{font-size:2rem;margin-bottom:.8rem;display:block}.bonus-feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#2c3e50}.bonus-feature-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.feature-details{list-style:none;padding:0;margin:0}.feature-details li{color:#95a5a6;font-size:.85rem;padding:.3rem 0 .3rem 1.5rem;position:relative}.feature-details li:before{content:"✓";position:absolute;left:0;color:#2ecc71}.bonus-admin-preview{max-width:1200px;margin:0 auto 4rem;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:center}.admin-preview-content h2{font-size:2rem;margin-bottom:1rem}.admin-preview-content>p{color:#7f8c8d;margin-bottom:2rem}.admin-features-list{list-style:none;padding:0;margin:0}.admin-features-list li{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;color:#2c3e50}.check-icon{color:#2ecc71;font-weight:700}.admin-panel-mockup{background:#fff;border-radius:16px;overflow:hidden;display:grid;grid-template-columns:200px 1fr;min-height:300px;box-shadow:0 20px 60px #0000004d}.admin-sidebar{background:#2c3e50;padding:1.5rem}.admin-nav-item{padding:.8rem 1rem;color:#ffffffb3;border-radius:8px;margin-bottom:.5rem;font-size:.9rem;cursor:pointer;transition:all .3s ease}.admin-nav-item:hover{background:#ffffff1a}.admin-nav-item.active{background:#3498db4d;color:#fff}.admin-main{padding:2rem;color:#2c3e50}.admin-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.admin-stat{text-align:center;padding:1rem;background:#f8f9fa;border-radius:12px}.admin-stat .stat-value{display:block;font-size:1.8rem;font-weight:700;color:#3498db}.admin-stat .stat-label{font-size:.8rem;color:#7f8c8d}.admin-insight{display:flex;gap:1rem;padding:1rem;background:linear-gradient(135deg,#f1c40f1a,#e67e221a);border-radius:12px;border-left:4px solid #f39c12}.insight-icon{font-size:1.5rem}.admin-insight p{margin:0;font-size:.9rem;color:#2c3e50}.bonus-integration{max-width:1200px;margin:0 auto 4rem;text-align:center;padding:3rem;background:#fffc;border-radius:20px;box-shadow:0 4px 15px #0000000d}.bonus-integration h2{margin-bottom:.5rem;color:#2c3e50}.bonus-integration>p{color:#7f8c8d;margin-bottom:3rem}.integration-flow{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.integration-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:#fff;border-radius:12px;min-width:150px;box-shadow:0 2px 10px #0000000d}.integration-step .step-number{font-size:.7rem;color:#3498db;background:#3498db33;padding:.2rem .6rem;border-radius:10px}.integration-step .step-icon{font-size:2rem;margin:.5rem 0}.integration-step p{margin:0;font-size:.85rem;color:#2c3e50;text-align:center}.integration-arrow{font-size:1.5rem;color:#bdc3c7}.bonus-cta-section{max-width:800px;margin:0 auto;text-align:center;padding:3rem 2rem;background:#fffc;border-radius:20px;box-shadow:0 4px 15px #0000000d}.bonus-cta-section h2{font-size:1.8rem;margin-bottom:1rem;color:#2c3e50}.bonus-cta-section p{color:#7f8c8d;font-size:1.1rem;margin-bottom:2rem;line-height:1.7}.cta-buttons{display:flex;gap:1rem;justify-content:center}.cta-button{padding:1rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3498db4d}.cta-button.secondary{background:transparent;color:#2c3e50;border:1px solid #2c3e50}.cta-button.secondary:hover{background:#2c3e500d}.problem-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem}.problem-stat-card{background:#fff;border:1px solid rgba(231,76,60,.2);border-radius:16px;padding:2rem;text-align:center;box-shadow:0 4px 15px #0000000d}.problem-stat-card .stat-value{font-size:2.5rem;font-weight:700;color:#e74c3c;display:block}.problem-stat-card .stat-label{font-size:.95rem;color:#2c3e50;display:block;margin-bottom:.5rem}.problem-stat-card .stat-subtext{font-size:.8rem;color:#95a5a6}.stats-insight{color:#7f8c8d;font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.6;text-align:center}.stats-insight strong{color:#e74c3c}.steps-flow{display:flex;flex-direction:column;gap:2rem}.flow-step-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 15px #0000000d}.flow-step-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.flow-step-number{width:45px;height:45px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;flex-shrink:0}.flow-step-header h3{font-size:1.3rem;color:#2c3e50;margin:0 0 .3rem}.flow-step-header p{color:#7f8c8d;margin:0}.flow-step-content{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}.flow-step-details{list-style:none;padding:0;margin:0}.flow-step-details li{color:#7f8c8d;padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.95rem}.flow-step-details li:before{content:"•";position:absolute;left:0;color:#3498db}.flow-step-visual{background:#f8f9fa;border-radius:12px;padding:1.5rem}.mock-form{display:flex;flex-direction:column;gap:1rem}.mock-field label{display:block;font-size:.8rem;color:#7f8c8d;margin-bottom:.5rem}.mock-field .mock-input{background:#fff;border:1px solid #e0e0e0;padding:.8rem;border-radius:8px;font-size:.9rem;color:#2c3e50}.synthesis-preview{display:flex;flex-direction:column;gap:.8rem}.synthesis-item{background:#fff;padding:1rem;border-radius:8px;border-left:3px solid #3498db}.synthesis-item.warning{border-left-color:#f39c12}.synthesis-label{font-size:.8rem;font-weight:600;color:#7f8c8d;display:block;margin-bottom:.3rem}.synthesis-item p{margin:0;font-size:.85rem;color:#2c3e50}.vote-preview{background:#fff;border-radius:8px;padding:1rem}.vote-header{font-weight:600;color:#2c3e50;margin-bottom:1rem;display:flex;justify-content:space-between}.vote-header span{font-weight:400;font-size:.8rem;color:#95a5a6}.vote-row{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;font-size:.9rem;color:#2c3e50}.vote-bar{flex:1;height:8px;background:#ecf0f1;border-radius:4px;overflow:hidden}.vote-fill{height:100%;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:4px}.time-comparison{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.time-box{text-align:center;padding:1rem 1.5rem;background:#fff;border-radius:10px}.time-box .time-label{display:block;font-size:.8rem;color:#95a5a6;margin-bottom:.3rem}.time-box .time-value{font-size:1.8rem;font-weight:700}.time-box .time-value.crossed{color:#bdc3c7;text-decoration:line-through}.time-box .time-value.highlight{color:#2ecc71}.time-arrow{font-size:1.5rem;color:#bdc3c7}.outcome-list{display:flex;flex-direction:column;gap:.5rem}.outcome-list span{font-size:.9rem;color:#2ecc71}.addition-badge{font-size:.8rem;color:#2ecc71;background:#2ecc711a;padding:.3rem .8rem;border-radius:10px}.step-visual.efficient-call .time-comparison{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:1.5rem}.time-before,.time-after{text-align:center}.time-label{display:block;font-size:.8rem;color:#ffffff80;margin-bottom:.3rem}.time-value{font-size:2rem;font-weight:700}.time-value.crossed{color:#fff6;text-decoration:line-through}.time-value.highlight{color:#2ecc71}.time-arrow{font-size:2rem;color:#ffffff4d}.call-outcome{display:flex;flex-direction:column;gap:.5rem}.outcome-item{font-size:.9rem;color:#2ecc71}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.benefit-card{text-align:center;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d}.benefit-icon{font-size:2rem;margin-bottom:1rem;display:block}.benefit-card h3{font-size:1rem;margin-bottom:.5rem;color:#2c3e50}.benefit-card p{font-size:.85rem;color:#7f8c8d;margin:0}.highlight-section{background:linear-gradient(135deg,#3498db1a,#2ecc711a);border-radius:16px;padding:2.5rem;text-align:center}.highlight-section h2{margin-bottom:1.5rem;color:#2c3e50}.highlight-section blockquote{font-size:1.2rem;font-style:italic;color:#2c3e50;line-height:1.6;margin:0 0 1.5rem;padding:0;border:none}.highlight-section blockquote strong{color:#3498db}.highlight-section p{color:#7f8c8d}.levels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.level-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.level-card.featured{border-color:#3498db;border-width:2px;transform:scale(1.03)}.level-header{padding:1.2rem 1.5rem;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.level-name{font-size:1.1rem;font-weight:600;color:#2c3e50}.level-badge{font-size:.7rem;background:#3498db;color:#fff;padding:.3rem .6rem;border-radius:10px}.level-card ul{list-style:none;padding:1.5rem;margin:0}.level-card li{color:#7f8c8d;font-size:.9rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.level-card li:before{content:"✓";position:absolute;left:0;color:#2ecc71}@media (max-width: 1024px){.bonus-showcase-container{padding:1.5rem}.bonus-hero-section{grid-template-columns:1fr;text-align:center}.bonus-stats-row{justify-content:center}.bonus-admin-preview,.problem-stats-grid,.levels-grid{grid-template-columns:1fr}.level-card.featured{transform:none}.benefits-grid{grid-template-columns:repeat(2,1fr)}.flow-step-content{grid-template-columns:1fr}}@media (max-width: 768px){.bonus-showcase-container{padding:1rem}.bonus-page-header h1{font-size:2rem}.chat-widget-preview{width:100%;max-width:350px}.admin-panel-mockup{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow-x:auto;gap:.5rem;padding:1rem}.admin-nav-item{white-space:nowrap;margin:0}.integration-flow{flex-direction:column}.integration-arrow{transform:rotate(90deg)}.benefits-grid{grid-template-columns:1fr}.flow-step-header{flex-direction:column;text-align:center}.cta-buttons{flex-direction:column}.bonus-buttons{flex-direction:column;align-items:center}.bonus-features-grid{grid-template-columns:1fr}}@media (max-width: 480px){.bonus-features-grid,.admin-stat-row{grid-template-columns:1fr}.vote-option{flex-wrap:wrap}}.back-to-presentation{display:inline-block;margin-top:1.5rem;padding:.8rem 1.5rem;color:#3498db;text-decoration:none;font-weight:500;border:1px solid #3498db;border-radius:8px;transition:all .3s ease}.back-to-presentation:hover{background:#3498db;color:#fff}.section-description{color:#7f8c8d;text-align:center;margin-bottom:2rem}.admin-preview-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem;align-items:start}.admin-feature-item{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem 0;color:#2c3e50}.admin-feature-item .check-icon{color:#2ecc71;font-weight:700;flex-shrink:0}@media (max-width: 1024px){.admin-preview-grid{grid-template-columns:1fr}}