#tp-app{--navy:#071b36;--blue:#086ef5;--cyan:#00d5ed;--muted:#6c7b92;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f6f8fc;color:#132440;min-height:100vh;font-size:15px}#tp-app *{box-sizing:border-box}#tp-app header{background:#fff;color:var(--navy);padding:12px max(5%,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e7edf5;position:sticky;top:0;z-index:40;min-height:90px}#tp-app header .brand{background:var(--navy);border-radius:12px;padding:4px 12px;display:block;flex-shrink:0}#tp-app header img{width:125px;height:62px;object-fit:contain}#tp-app .nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap}#tp-app header button{background:transparent;color:var(--navy);padding:10px 12px;font-size:14px;margin:0;border-radius:8px}#tp-app header button.active{background:#ecf3ff;color:#086ef5}#tp-app header button:last-child{background:#071b36;color:#fff}#tp-app main{max-width:1240px;margin:auto;padding:28px 0 50px}#tp-app h1,#tp-app h2,#tp-app h3{letter-spacing:-.035em;line-height:1.15;margin:0 0 14px}#tp-app h1{font-size:clamp(34px,4.5vw,62px);font-weight:800}#tp-app h2{font-size:26px;font-weight:750}#tp-app h3{font-size:20px}#tp-app p{line-height:1.65}#tp-app .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}#tp-app .card{background:#fff;border:1px solid #e7edf5;border-radius:20px;padding:24px;margin-bottom:18px;box-shadow:0 5px 24px #183b6107}#tp-app .event-card{padding:0;overflow:hidden;transition:transform .18s,box-shadow .18s;margin-bottom:0}#tp-app .event-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #15315616}#tp-app .cover-wrap{position:relative;background:var(--navy)}#tp-app .cover{width:100%;height:220px;object-fit:cover;display:block}#tp-app .cover.placeholder{object-fit:contain;padding:35px;background:radial-gradient(circle at 75% 15%,#0a5190,transparent),#071b36}#tp-app .cover-wrap .badge{position:absolute;left:16px;top:16px;backdrop-filter:blur(8px);background:#071b36ba;color:#fff;padding:6px 10px;border-radius:7px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}#tp-app .event-body{padding:22px}#tp-app .event-body h2{font-size:21px}#tp-app .event-meta{font-size:13px;color:var(--muted);margin:10px 0}#tp-app .event-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf1f7;margin-top:18px;padding-top:16px;gap:10px}#tp-app .event-bottom strong{font-size:19px}#tp-app button,#tp-app .button{cursor:pointer;border:0;border-radius:10px;padding:13px 18px;background:var(--blue);color:white;font-weight:650;margin:5px 5px 5px 0;text-decoration:none;display:inline-block;font-size:14px;transition:filter .15s}#tp-app button:hover,#tp-app .button:hover{filter:brightness(.94)}#tp-app button.buy{background:linear-gradient(105deg,#ffdb00,#ff8840 60%,#ff2158);color:#071b36}#tp-app button:disabled{opacity:.4;cursor:default}#tp-app input,#tp-app select{padding:13px 15px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:var(--navy);max-width:100%;margin:5px 0;width:100%;font:inherit}#tp-app input:focus,#tp-app select:focus{outline:2px solid #0b77f83b;border-color:#086ef5}#tp-app .tag{display:inline-block;border-radius:7px;background:#edf4ff;color:#0756af;padding:5px 9px;font-size:12px;margin:4px 4px 4px 0}#tp-app .good{background:#e5f9ee;color:#08713b}#tp-app .warn{background:#fff5d9;color:#705407}#tp-app .error{color:#ad1236}#tp-app .muted{color:var(--muted)}#tp-app .hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 50%,#104b78 0,transparent 55%),linear-gradient(110deg,#061b36,#082d55);color:white;padding:48px;border-radius:26px;margin-bottom:32px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center;min-height:390px}#tp-app .hero h1{max-width:600px}#tp-app .hero h1 span{color:#00e0e8}#tp-app .hero p{color:#c1d3e9;max-width:510px;font-size:17px}#tp-app .eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em;text-transform:uppercase;color:#00d5ed;margin-bottom:18px}#tp-app .hero-media{aspect-ratio:1.15;overflow:hidden;border-radius:20px;position:relative;box-shadow:0 20px 60px #0005;border:1px solid #ffffff25;background:#061b36;display:flex;align-items:center;justify-content:center}#tp-app .hero-media img{width:100%;height:100%;object-fit:cover}#tp-app .hero-media.placeholder img{object-fit:contain;padding:30px;background:radial-gradient(circle at 40% 30%,#124d82,transparent),#071a34}#tp-app .hero-media .media-caption{position:absolute;bottom:0;left:0;right:0;padding:40px 20px 20px;background:linear-gradient(transparent,#06182bea);font-size:15px;color:white}#tp-app .search-box{margin-top:22px;border-radius:15px;background:white;display:flex;align-items:center;padding:7px;box-shadow:0 8px 22px #0002;gap:8px}#tp-app .search-box input{margin:0;border:0;min-width:0;background:transparent}#tp-app .search-box button{margin:0;white-space:nowrap}#tp-app .section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:34px 0 20px}#tp-app .section-heading h2{margin:0}#tp-app .filters{display:flex;gap:8px;overflow:auto;padding-bottom:12px;margin-bottom:20px}#tp-app .filters button{background:#fff;color:#596d88;border:1px solid #dfe7f3;border-radius:50px;white-space:nowrap;margin:0;padding:10px 17px;font-weight:550}#tp-app .filters button.selected{background:var(--navy);color:white;border-color:var(--navy)}#tp-app .offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:35px 0}#tp-app .offer-panel{padding:28px;border-radius:20px;background:#eaf2ff;display:flex;gap:20px;align-items:flex-start}#tp-app .offer-panel.dark{background:var(--navy);color:#fff}#tp-app .offer-panel h3{margin-bottom:9px}#tp-app .offer-panel p{margin:0;color:#617898;font-size:14px}#tp-app .offer-panel.dark p{color:#aac3de}#tp-app .offer-icon{font-size:26px;background:#fff;padding:13px;border-radius:14px;color:#086ef5}#tp-app .empty-state{text-align:center;padding:50px 25px;grid-column:1/-1;background:white;border:1px dashed #c5d5e8;border-radius:20px}#tp-app .empty-state h2{margin-top:15px}#tp-app .empty-symbol{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;background:#eaf3ff;margin:auto;color:#096ff0;font-size:32px}#tp-app .detail-hero{display:block;min-height:0;padding:38px}#tp-app .detail-hero h1{font-size:40px}#tp-app .package-card .package-kind{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#086ef5;font-weight:700}#tp-app .package-card strong{font-size:25px;display:block;margin-top:20px}#tp-app .package-card .buy{width:100%}#tp-app .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}#tp-app table{width:100%;border-collapse:collapse}#tp-app td,#tp-app th{text-align:left;padding:13px;border-bottom:1px solid #e3e9f3;font-size:13px}#tp-app th{color:#74839a;font-weight:600;background:#f9fbfe}#tp-app .scroll{overflow:auto}#tp-app video{width:100%;background:#000;border-radius:18px;max-height:60vh}#tp-app .qr{width:220px;height:220px;object-fit:contain;display:block;margin:18px auto}#tp-app .toast{position:fixed;bottom:24px;left:5%;right:5%;background:#081f3c;color:white;padding:18px;border-radius:12px;z-index:200;box-shadow:0 8px 30px #0003}#tp-app .ticket{border-top:5px solid #00cdf2}#tp-app label{display:block;margin-top:10px;font-size:13px;font-weight:600}#tp-app .foot{background:var(--navy);color:#acbed4;padding:35px 5%;font-size:13px}#tp-app .footer-row{max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}#tp-app .footer-row strong{color:#fff;display:block;margin-bottom:6px}#tp-app .metrics{display:flex;gap:15px;flex-wrap:wrap}#tp-app .metrics .card{flex:1;min-width:130px}#tp-app .metrics strong{font-size:26px;display:block}#tp-app .account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#tp-app .account-card{border-top:5px solid #00cdf2}#tp-app .account-number{font-size:18px;font-weight:700;color:#086ef5}#tp-app .intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}#tp-app .intro h1{font-size:36px}#tp-app canvas{max-width:100%}
@media(max-width:1300px){#tp-app main{padding:25px 5% 45px}}@media(max-width:850px){#tp-app .grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tp-app .hero{padding:30px;grid-template-columns:1fr 0.7fr;gap:20px;min-height:350px}#tp-app .hero h1{font-size:38px}#tp-app header{padding:10px 5%}#tp-app .nav{gap:0}#tp-app header button{padding:9px;font-size:12px}}@media(max-width:600px){#tp-app header{position:relative;display:block;min-height:0}#tp-app header .brand{width:136px;margin-bottom:10px}#tp-app header img{height:50px;width:112px}#tp-app .nav{justify-content:space-between}#tp-app header button{padding:9px 7px;font-size:11px}#tp-app main{padding:20px 5%}#tp-app .grid,#tp-app .offer-grid,#tp-app .account-grid{grid-template-columns:1fr}#tp-app .hero{grid-template-columns:1fr;padding:27px 22px;gap:20px;min-height:0;border-radius:20px}#tp-app .hero h1{font-size:37px}#tp-app .hero p{font-size:14px}#tp-app .hero-media{display:none}#tp-app .cover{height:220px}#tp-app .section-heading{margin-top:24px}#tp-app .section-heading h2{font-size:23px}#tp-app .detail-hero h1{font-size:29px}#tp-app .search-box{gap:0}#tp-app .search-box button{padding:11px 13px}#tp-app .offer-panel{padding:24px}#tp-app .event-body{padding:20px}#tp-app .intro h1{font-size:30px}}

#tp-app .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}#tp-app .organizer-form label{display:block;margin:14px 0 7px;font-weight:600}#tp-app .organizer-form select,#tp-app .organizer-form textarea{width:100%;padding:12px;border:1px solid #d9e2ed;border-radius:10px;background:white;font:inherit}#tp-app .organizer-form input:not([type=checkbox]){width:100%;box-sizing:border-box}#tp-app .organizer-form .check-label{display:flex;align-items:center;gap:9px}#tp-app .check-label input{width:auto;margin:0}#tp-app .form-actions{margin-top:24px;display:flex;gap:15px;align-items:center}#tp-app .editor-photo{max-width:220px;max-height:130px;object-fit:cover;margin-top:12px;border-radius:12px}#tp-app #offering-editor:not(:empty){border-top:1px solid #d9e2ed;padding-top:20px;margin-top:20px}@media(max-width:700px){#tp-app .form-grid{grid-template-columns:1fr}#tp-app .section-heading{flex-wrap:wrap;gap:14px}}