.info-panel-container{margin:20px 0;border-radius:16px;background:#1c1c2099;border:1px solid rgba(255,255,255,.08);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 20px #00000026;width:100%}.info-panel-container:hover{border-color:#667eea4d;box-shadow:0 6px 25px #0003}.info-panel-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#667eea1a,#764ba21a);transition:all .3s ease}.info-panel-header:hover{background:linear-gradient(135deg,#667eea26,#764ba226)}.info-panel-header h4{margin:0;font-size:16px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-panel-icon{font-size:22px;color:#667eea;transition:transform .3s ease}.info-panel-chevron{font-size:20px;color:#888;transition:transform .3s ease}.info-panel-content{padding:0;overflow:hidden;will-change:height}.info-panel-inner{padding:24px;color:#a8a8b3;font-size:14px;line-height:1.6}.info-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px;max-width:100%}.info-step-card{position:relative;padding:24px;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid rgba(102,126,234,.2);border-radius:12px;transition:all .3s ease;cursor:pointer;overflow:hidden}.info-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.info-step-card:hover:before{opacity:1}.info-step-card:hover{border-color:#667eea66;box-shadow:0 8px 24px #667eea26;background:linear-gradient(135deg,#667eea14,#764ba214)}.step-badge{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.step-number{font-size:14px;font-weight:700;color:#fff}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:16px;border-radius:12px;background:#667eea1a;color:#667eea;font-size:24px;transition:all .3s ease}.info-step-card:hover .step-icon{transform:scale(1.1) rotate(5deg);background:#667eea26}.step-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff;line-height:1.4}.step-description{margin:0;font-size:14px;color:#a8a8b3;line-height:1.6}.info-tips-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#ffc10714,#ff980014);border:1px solid rgba(255,193,7,.2);border-radius:12px;border-left:4px solid #ffc107}.tips-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.tip-icon{font-size:22px;color:#ffc107}.tips-title{font-size:15px;font-weight:700;color:#ffc107;text-transform:uppercase;letter-spacing:.5px}.tips-list{display:flex;flex-direction:column;gap:12px}.tip-item{display:flex;align-items:flex-start;gap:12px}.tip-bullet{font-size:20px;color:#ffc107;line-height:1.4;font-weight:700}.tip-text{font-size:14px;color:#d0d0d0;line-height:1.6;flex:1}@media (max-width: 1024px){.info-steps-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.info-step-card{padding:20px}.step-icon{width:44px;height:44px;font-size:22px}}@media (max-width: 768px){.info-panel-container{margin:12px 0}.info-panel-header{padding:14px 16px}.info-panel-header h4{font-size:15px}.info-panel-icon{font-size:20px}.info-panel-inner{padding:16px 12px}.info-steps-grid{grid-template-columns:1fr;gap:12px}.info-step-card{padding:16px 12px}.step-badge{width:28px;height:28px;top:12px;right:12px}.step-number{font-size:13px}.step-icon{width:40px;height:40px;font-size:20px;margin-bottom:12px}.step-title{font-size:15px;margin-bottom:10px}.step-description{font-size:13px}.info-tips-section{padding:14px 12px;margin-top:16px}.tips-header{margin-bottom:10px}.tip-icon{font-size:20px}.tips-title{font-size:14px}.tips-list{gap:8px}.tip-text{font-size:13px}}@keyframes pulse{0%,to{box-shadow:0 0 #667eea66}50%{box-shadow:0 0 0 8px #667eea00}}.info-panel-icon:hover{animation:pulse 1.5s infinite}