.hero-phone-wrapper{z-index:10;flex-shrink:0;justify-content:center;align-items:center;width:320px;height:580px;display:flex;position:relative}.hero-phone-glow{filter:blur(12px);background:radial-gradient(#d2a03166 0%,#0000 70%);border-radius:50%;width:200px;height:40px;animation:4s ease-in-out infinite glow-pulse;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.hero-phone-container{perspective:1500px;width:270px;height:550px}.hero-phone-body{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;background:linear-gradient(145deg,#111 0%,#222 50%,#111 100%);border-radius:42px;padding:10px;animation:10s ease-in-out infinite phone-rotate;position:relative;box-shadow:inset 0 0 0 2px #ffffff0d,0 30px 60px -12px #0009,-12px 0 40px -10px #3c58a533}@keyframes phone-rotate{0%,to{transform:rotateY(-15deg)rotateX(5deg)rotate(-1deg)translateY(0)}25%{transform:rotateY(5deg)rotateX(1deg)rotate(1deg)translateY(-10px)}50%{transform:rotateY(15deg)rotateX(-3deg)rotate(2deg)translateY(-5px)}75%{transform:rotateY(-5deg)rotateX(4deg)rotate(-1deg)translateY(-15px)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:translate(-50%)scale(1)}50%{opacity:.9;transform:translate(-50%)scale(1.2)}}.hero-phone-screen{background:#f8fafc;border-radius:32px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.hero-phone-notch{z-index:100;background:#111;border-radius:0 0 16px 16px;justify-content:center;align-items:center;width:110px;height:26px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-phone-notch-cam{background:#222;border:1px solid #333;border-radius:50%;width:8px;height:8px}.hp-status-bar{color:#1a1a2e;z-index:10;justify-content:space-between;padding:8px 20px 4px;font-size:11px;font-weight:600;display:flex}.hp-app-header{color:#fff;background:#3c58a5;border-radius:12px;align-items:center;margin:0 4px;padding:10px 14px;display:flex}.hp-app-logo{background:#fff3;border-radius:6px;width:24px;height:24px;margin-right:8px}.hp-app-title{flex:1;font-size:13px;font-weight:700}.hp-header-icons{opacity:.8;gap:8px;display:flex}.hp-screen-inner{flex:1;padding:12px;overflow:hidden}.hp-section-title{color:#64748b;text-transform:uppercase;margin:8px 0 6px;font-size:11px;font-weight:700}.hp-welcome-card{color:#fff;background:linear-gradient(135deg,#3c58a5,#2d4380);border-radius:14px;margin-bottom:8px;padding:12px}.hp-welcome-card.mini{padding:8px 12px}.hp-welcome-greeting{opacity:.8;font-size:10px}.hp-welcome-name{font-size:14px;font-weight:700}.hp-welcome-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:12px;margin-top:10px;padding:8px 4px;display:flex}.hp-stat{flex-direction:column;flex:1;align-items:center;display:flex}.hp-stat-num{color:#d2a031;font-size:16px;font-weight:800;line-height:1}.hp-stat-label{opacity:.9;margin-top:4px;font-size:8px;font-weight:700}.hp-stat-divider{background:#fff3;align-self:center;width:1px;height:20px}.hp-quick-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.hp-quick-item{background:#fff;border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px;transition:transform .2s;display:flex;box-shadow:0 2px 8px #0000000a}.hp-quick-label{color:#334155;text-align:center;margin-top:6px;font-size:9px;font-weight:700}.hp-quick-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.hp-qi-blue{background:linear-gradient(135deg,#3c58a5,#5a76c0)}.hp-qi-green{background:linear-gradient(135deg,#10b981,#34d399)}.hp-qi-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.hp-qi-orange{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.hp-quick-item.mini .hp-quick-icon{width:24px;height:24px}.hp-activity-item{background:#fff;border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:8px;display:flex;box-shadow:0 1px 3px #0000000d}.hp-activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.hp-ai-success{color:#166534;background:#dcfce7}.hp-ai-pending{color:#854d0e;background:#fef9c3}.hp-ai-info{color:#1e40af;background:#dbeafe}.hp-activity-text{flex:1}.hp-activity-name{font-size:10px;font-weight:600}.hp-activity-meta{color:#94a3b8;font-size:8px}.hp-service-row{background:#fff;border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px;display:flex}.hp-service-icon{color:#3c58a5;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex}.hp-s-name{font-size:10px;font-weight:600}.hp-s-desc{color:#94a3b8;font-size:8px}.hp-track-card{background:#fff;border-radius:12px;padding:12px}.hp-track-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.hp-track-id{color:#3c58a5;font-size:10px;font-weight:700}.hp-steps{flex-direction:column;gap:12px;display:flex}.hp-step{color:#94a3b8;align-items:center;gap:8px;font-size:9px;display:flex;position:relative}.hp-step.active{color:#1a1a2e;font-weight:600}.hp-step-dot{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.hp-step.active .hp-step-dot{background:#3c58a5;box-shadow:0 0 0 3px #3c58a533}.hp-step-line{background:#cbd5e1;width:1px;height:12px;position:absolute;top:10px;left:3.5px}.hp-step.active .hp-step-line{background:#3c58a5}.hp-badge{border-radius:4px;padding:2px 6px;font-size:7px;font-weight:700}.hp-badge-blue{color:#1e40af;background:#dbeafe}.hp-badge-green{color:#166534;background:#dcfce7}.hp-badge-yellow{color:#854d0e;background:#fef9c3}.hp-bottom-nav{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-around;margin-top:auto;padding:10px 4px 14px;display:flex}.hp-nav-item{color:#94a3b8;flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.hp-nav-item i{font-size:18px}.hp-nav-item span{font-size:9px;font-weight:600}.hp-nav-active{color:#3c58a5!important}.hero-phone-btn{background:#333;border-radius:2px 0 0 2px;width:3px;position:absolute}.hero-phone-btn-vol-up{height:35px;top:100px;left:-3px}.hero-phone-btn-vol-down{height:35px;top:145px;left:-3px}.hero-phone-btn-power{border-radius:0 2px 2px 0;height:45px;top:120px;right:-3px}