.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#333}.modal-header{padding:30px 30px 0;text-align:center}.modal-header h2{margin:0 0 15px;color:#333;font-size:24px;font-weight:700}.user-status{margin-bottom:20px}.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:8px}.user-status.general .status-badge{background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff}.user-status.gtt .status-badge.gtt{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.user-status p{margin:0;color:#666;font-size:16px}.modal-body{padding:20px 30px}.limitation-notice{background:linear-gradient(135deg,#fff5f5,#ffe5e5);border:2px solid #ff6b6b;border-radius:15px;padding:20px;margin-bottom:25px;text-align:center}.limitation-notice h3{margin:0 0 10px;color:#d63031;font-size:18px}.limitation-notice p{margin:0;color:#666;line-height:1.4}.app-promotion{background:linear-gradient(135deg,#f8f9ff,#e8f2ff);border-radius:15px;padding:25px;margin-bottom:20px}.app-promotion h3{margin:0 0 20px;color:#2d3436;font-size:20px;text-align:center}.benefits-list{margin-bottom:25px}.benefit-item{display:flex;align-items:center;margin-bottom:12px;padding:8px 0}.benefit-icon{font-size:18px;margin-right:12px;width:24px;text-align:center}.download-section{text-align:center}.download-section h4{margin:0 0 15px;color:#2d3436;font-size:18px}.download-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:15px}.download-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;text-decoration:none;font-size:14px}.download-btn.android{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.download-btn.ios{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.download-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.download-guide{margin:0;color:#666;font-size:14px;line-height:1.4}.welcome-message{background:linear-gradient(135deg,#f0fff4,#dcfce7);border-radius:15px;padding:20px;text-align:center;margin-bottom:25px}.welcome-message h3{margin:0 0 10px;color:#059669;font-size:20px}.welcome-message p{margin:0;color:#666}.gtt-benefits h4{margin:0 0 20px;color:#2d3436;font-size:18px;text-align:center}.benefits-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:25px}.benefit-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px 10px;text-align:center;transition:all .2s}.benefit-card.plus{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.benefit-card.total{border-color:#10b981;background:linear-gradient(135deg,#f0fff4,#dcfce7)}.benefit-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.benefit-number{font-size:32px;font-weight:700;color:#2d3436;margin-bottom:5px}.benefit-card.plus .benefit-number{color:#f59e0b}.benefit-card.total .benefit-number{color:#059669}.benefit-text{font-size:14px;color:#666;font-weight:500}.share-guide{background:linear-gradient(135deg,#fefce8,#fef3c7);border-radius:15px;padding:20px}.share-guide h4{margin:0 0 15px;color:#92400e;font-size:18px;text-align:center}.share-guide p{margin:0 0 20px;color:#666;text-align:center;line-height:1.4}.share-steps{display:flex;justify-content:space-around;align-items:center}.step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.step-number{width:30px;height:30px;background:#f59e0b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:8px;font-size:14px}.step span:last-child{font-size:12px;color:#666;font-weight:500}.modal-footer{padding:0 30px 30px;text-align:center}.start-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;width:100%;max-width:300px}.start-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}@media (max-width: 600px){.modal-content{margin:10px;border-radius:15px;max-height:95vh}.modal-header,.modal-body,.modal-footer{padding-left:20px;padding-right:20px}.modal-header h2{font-size:20px}.benefits-grid{grid-template-columns:1fr;gap:10px}.download-buttons{flex-direction:column;align-items:center}.download-btn{width:200px}.share-steps{flex-direction:column;gap:15px}.step{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px}.step-number{margin-bottom:0}}