*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e}.app{max-width:480px;margin:0 auto;padding:16px;min-height:100vh;background:#ffffff}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e0e0e0;margin-bottom:20px}.header h1{font-size:20px;background:linear-gradient(90deg,#f7971e,#ffd200);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.main{display:flex;flex-direction:column;gap:16px}.card{background:#f8f9fa;border-radius:16px;padding:20px;border:1px solid #e8e9ea;transition:all .2s}.card h2{font-size:18px;margin-bottom:8px}.card p{color:#666;font-size:14px;margin-bottom:16px}.btn-primary{background:linear-gradient(135deg,#f7971e,#ffd200);border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;width:100%;color:#1a1a2e}.btn-secondary{background:#1a1a2e;color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;width:100%}