.main-container{max-width:1200px;margin:0 auto;padding:40px 20px}.card-title{font-size:1.6rem;font-weight:700;color:#2d3748;margin-bottom:25px;padding-bottom:15px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-image-slice:1}.input-group{margin-bottom:25px}.input-label{display:flex;align-items:center;font-weight:600;color:#4a5568;margin-bottom:10px;font-size:1rem}.input-label i{margin-right:8px;color:#667eea}.form-input,.form-select{width:100%;padding:14px 18px;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background-color:#fff}.form-input:focus,.form-select:focus{outline:none;border-color:#48bb78;box-shadow:0 0 0 3px rgba(72,187,120,.1)}.input-suffix{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#a0aec0;font-weight:500;pointer-events:none}.tooltip-icon{display:inline-block;width:18px;height:18px;background:#667eea;color:#fff;border-radius:50%;text-align:center;line-height:18px;font-size:.75rem;margin-left:8px;cursor:help;position:relative}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background-color:#2d3748;color:#fff;padding:10px 15px;border-radius:8px;font-size:.85rem;white-space:nowrap;z-index:1000;transition:opacity .3s;box-shadow:0 5px 15px rgba(0,0,0,.3)}.tooltip-icon:hover .tooltip-text{visibility:visible;opacity:1}.result-card{background:linear-gradient(135deg,#f6f8fb 0%,#e9f0f5 100%);border-radius:20px;padding:25px;margin-bottom:20px}.result-title{font-size:1rem;color:#718096;margin-bottom:8px;display:flex;align-items:center}.result-title i{margin-right:8px;color:#667eea}.result-value{font-size:2.2rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.result-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #e2e8f0}.result-item:last-child{border-bottom:none}.result-item-label{font-weight:600;color:#4a5568;display:flex;align-items:center}.result-item-label i{margin-right:8px;color:#667eea}.result-item-value{font-weight:700;color:#2d3748;font-size:1.2rem}.positive{color:#48bb78}.negative{color:#f56565}.chart-container{position:relative;height:350px;margin-top:30px}.comparison-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 10px 25px rgba(0,0,0,.1);margin-bottom:20px;border:2px solid #e2e8f0;transition:all .3s ease}.comparison-card:hover{border-color:#667eea;transform:translateY(-5px);box-shadow:0 15px 35px rgba(102,126,234,.2)}.comparison-title{font-size:1.2rem;font-weight:700;color:#2d3748;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #e2e8f0}.comparison-value{font-size:1.8rem;font-weight:700;color:#667eea;margin-bottom:10px}.comparison-detail{font-size:.9rem;color:#718096;margin:5px 0}.winner-badge{display:inline-block;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;padding:6px 15px;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:10px}.learning-platform-card{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.learning-platform-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(102,126,234,.05) 0%,rgba(118,75,162,.05) 100%);opacity:0;transition:opacity .3s ease}.learning-platform-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(102,126,234,.2);border-color:#667eea;text-decoration:none}.learning-platform-card:hover::before{opacity:1}.platform-icon{flex-shrink:0;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;z-index:1}.platform-content{flex:1;z-index:1}.platform-name{font-size:1.1rem;font-weight:700;color:#2d3748;margin:0 0 5px 0}.platform-desc{font-size:.85rem;color:#718096;margin:0;line-height:1.4}.platform-arrow{flex-shrink:0;color:#667eea;font-size:1.2rem;transition:transform .3s ease;z-index:1}.learning-platform-card:hover .platform-arrow{transform:translateX(5px)}@media(max-width:768px){.page-title{font-size:2rem}.page-subtitle{font-size:1rem}.glass-card{padding:25px}.result-value{font-size:1.8rem}.chart-container{height:300px}.learning-platform-card{flex-direction:column;text-align:center;padding:15px}.platform-icon{margin-bottom:10px}.platform-arrow{margin-top:10px}}.seo-content{background:#fff;border-radius:20px;padding:40px;margin-top:60px;box-shadow:0 10px 30px rgba(0,0,0,.05)}.seo-content h2{color:#2d3748;font-size:1.8rem;font-weight:700;margin-bottom:20px;padding-bottom:10px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-image-slice:1}.seo-content h3{color:#4a5568;font-size:1.4rem;font-weight:600;margin-top:30px;margin-bottom:15px}.seo-content p,.seo-content li{color:#718096;line-height:1.8;font-size:1rem;margin-bottom:15px}.seo-content ul,.seo-content ol{padding-left:25px}