/* =====================================================================
   TAP PRO — STUDIO UI 2026
   Visual layer inspired by contemporary creative portfolio communities.
   IMPORTANT: this file changes presentation only. Business logic, forms,
   routes, IDs, names, API calls and PHP behavior remain untouched.
   ===================================================================== */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{
  --tp-ink:#080808;
  --tp-ink-2:#11110f;
  --tp-ink-3:#191916;
  --tp-paper:#f4f2e9;
  --tp-paper-2:#ebe8dc;
  --tp-white:#fffef8;
  --tp-accent:#efd94a;
  --tp-accent-2:#d7b83e;
  --tp-muted:#8a887f;
  --tp-muted-dark:#68665f;
  --tp-line:rgba(255,255,255,.14);
  --tp-line-dark:rgba(8,8,8,.15);
  --tp-radius:22px;
  --tp-radius-sm:14px;
  --tp-shadow:0 28px 80px rgba(0,0,0,.22);
  --tp-max:1440px;
}

html{scroll-behavior:smooth}
body.tp-od{
  font-family:'Space Grotesk',Inter,Arial,sans-serif !important;
  color:var(--tp-white);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.tp-od *{box-sizing:border-box}
body.tp-od h1,body.tp-od h2,body.tp-od h3,body.tp-od h4,body.tp-od h5,
body.tp-od .logo,body.tp-od .brand{font-family:'Space Grotesk',Inter,Arial,sans-serif !important;letter-spacing:-.035em}
body.tp-od button,body.tp-od input,body.tp-od select,body.tp-od textarea{font-family:'Space Grotesk',Inter,Arial,sans-serif !important}
body.tp-od ::selection{background:var(--tp-accent);color:#080808}
body.tp-od::-webkit-scrollbar{width:9px;height:9px}
body.tp-od::-webkit-scrollbar-track{background:#0c0c0b}
body.tp-od::-webkit-scrollbar-thumb{background:#3d3b31;border:2px solid #0c0c0b;border-radius:100px}
body.tp-od::-webkit-scrollbar-thumb:hover{background:var(--tp-accent)}

/* subtle grain / editorial grid */
body.tp-od::after{
  content:"";position:fixed;inset:0;z-index:99999;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
  mix-blend-mode:soft-light;
}

.tp-scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:var(--tp-accent);z-index:100000;pointer-events:none}
.tp-cursor{position:fixed;width:11px;height:11px;border-radius:50%;background:var(--tp-accent);z-index:100001;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;opacity:0;transition:width .2s,height .2s,opacity .2s}
.tp-cursor.is-active{width:42px;height:42px;opacity:.9}
@media (hover:none),(pointer:coarse){.tp-cursor{display:none!important}}

.tp-reveal{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
.tp-reveal.is-visible{opacity:1;transform:none}

/* =====================================================================
   HOME / MARKETING
   ===================================================================== */
.tp-page-home{background:#080808!important}
.tp-page-home .page-glow{opacity:.45!important}
.tp-page-home .grid{background-size:54px 54px!important;opacity:.05!important}
.tp-page-home .glow{filter:blur(140px)!important;opacity:.08!important}
.tp-page-home .container{width:min(var(--tp-max),calc(100% - 56px))!important}

.tp-page-home nav{
  height:76px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;
  background:rgba(8,8,8,.78)!important;backdrop-filter:blur(18px)!important;
}
.tp-page-home nav.scrolled{height:68px!important;background:rgba(8,8,8,.94)!important}
.tp-page-home .nav-inner{width:min(var(--tp-max),calc(100% - 56px))!important}
.tp-page-home .logo{font-size:23px!important;font-weight:700!important}
.tp-page-home .logo-mark{border-radius:50%!important;background:var(--tp-accent)!important;color:#080808!important;box-shadow:none!important}
.tp-page-home .nav-links{gap:30px!important}
.tp-page-home .nav-links a,.tp-page-home .login-link{
  font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#b9b7ad!important
}
.tp-page-home .nav-links a:hover,.tp-page-home .login-link:hover{color:#fff!important}
.tp-page-home .register-link{font-family:'DM Mono',monospace!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.08em!important}
.tp-page-home .nav-button{
  border:1px solid var(--tp-accent)!important;background:var(--tp-accent)!important;color:#080808!important;
  border-radius:999px!important;padding:12px 18px!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important
}

.tp-page-home .hero{min-height:100svh!important;padding:142px 0 70px!important;display:flex!important;align-items:center!important}
.tp-page-home .hero-content{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)!important;gap:62px!important;align-items:center!important}
.tp-page-home .hero-copy{max-width:850px!important}
.tp-page-home .eyebrow{
  font-family:'DM Mono',monospace!important;text-transform:uppercase!important;letter-spacing:.12em!important;font-size:10px!important;color:#aaa89e!important;margin-bottom:26px!important
}
.tp-page-home .eyebrow-dot{width:8px!important;height:8px!important;background:var(--tp-accent)!important;box-shadow:none!important}
.tp-page-home .hero h1{
  font-size:clamp(64px,8vw,132px)!important;line-height:.82!important;letter-spacing:-.075em!important;font-weight:600!important;text-transform:uppercase!important;
  margin:0 0 34px!important;max-width:950px!important
}
.tp-page-home .hero h1 .gradient{background:none!important;-webkit-text-fill-color:var(--tp-accent)!important;color:var(--tp-accent)!important}
.tp-page-home .hero-description{max-width:610px!important;font-size:clamp(15px,1.25vw,20px)!important;line-height:1.55!important;color:#aaa89e!important;margin-bottom:34px!important}
.tp-page-home .hero-actions{gap:12px!important}
.tp-page-home .primary-button,.tp-page-home .secondary-button{
  min-height:54px!important;border-radius:999px!important;padding:0 23px!important;box-shadow:none!important;font-size:13px!important
}
.tp-page-home .primary-button{background:var(--tp-accent)!important;color:#080808!important;border:1px solid var(--tp-accent)!important}
.tp-page-home .secondary-button{background:transparent!important;color:#f4f2e9!important;border:1px solid rgba(255,255,255,.22)!important}
.tp-page-home .hero-note{font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.04em!important;color:#77756d!important}

.tp-page-home .hero-visual{min-height:590px!important;perspective:1200px}
.tp-page-home .visual-circle{width:520px!important;height:520px!important;border:1px solid rgba(255,255,255,.13)!important;background:transparent!important;box-shadow:inset 0 0 0 80px rgba(255,255,255,.015)!important}
.tp-page-home .visual-circle::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(239,217,74,.28)}
.tp-page-home .tap-card{
  width:min(440px,90%)!important;aspect-ratio:1.58!important;border-radius:28px!important;
  background:var(--tp-paper)!important;color:#080808!important;border:0!important;
  box-shadow:32px 34px 0 rgba(239,217,74,.94),0 44px 90px rgba(0,0,0,.55)!important;
  transform:rotate(-6deg)!important;padding:34px!important
}
.tp-page-home .tap-card::after{content:"TAP / 01";position:absolute;right:26px;bottom:24px;font:500 10px/1 'DM Mono',monospace;letter-spacing:.08em;color:#777}
.tp-page-home .card-brand,.tp-page-home .card-name{color:#080808!important}
.tp-page-home .card-name{font-size:31px!important;letter-spacing:-.05em!important}
.tp-page-home .card-small,.tp-page-home .card-role,.tp-page-home .tap-text{color:#6d6a61!important}
.tp-page-home .nfc-icon{background:#080808!important;color:var(--tp-accent)!important;border-radius:50%!important}
.tp-page-home .floating-label{
  background:#11110f!important;border:1px solid rgba(255,255,255,.18)!important;color:#e9e6da!important;border-radius:999px!important;
  font-family:'DM Mono',monospace!important;font-size:10px!important;box-shadow:none!important;backdrop-filter:blur(15px)
}
.tp-page-home .floating-label i{color:var(--tp-accent)!important}

.tp-page-home .trust{border-block:1px solid rgba(255,255,255,.12)!important;background:#0d0d0c!important;overflow:hidden!important}
.tp-page-home .trust-inner{min-width:max-content!important;gap:0!important;justify-content:flex-start!important;animation:tpTicker 24s linear infinite}
.tp-page-home .trust-item{padding:20px 36px!important;border-right:1px solid rgba(255,255,255,.1)!important;font-family:'DM Mono',monospace!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.06em!important;color:#d8d5c9!important}
.tp-page-home .trust-item i{color:var(--tp-accent)!important}
@keyframes tpTicker{to{transform:translateX(-22%)}}

.tp-page-home .solution{background:var(--tp-paper)!important;color:#080808!important;padding:120px 0!important}
.tp-page-home .solution .section-tag{color:#68665f!important;font-family:'DM Mono',monospace!important;text-transform:uppercase!important;font-size:10px!important;letter-spacing:.1em!important}
.tp-page-home .solution .section-title{color:#080808!important;font-size:clamp(44px,5.6vw,86px)!important;line-height:.94!important;letter-spacing:-.06em!important;max-width:950px!important}
.tp-page-home .solution .section-description{color:#6e6b62!important;font-size:17px!important;max-width:610px!important}
.tp-page-home .solution-grid{gap:16px!important}
.tp-page-home .solution-card{
  background:#fffef8!important;border:1px solid rgba(8,8,8,.14)!important;color:#080808!important;border-radius:20px!important;
  box-shadow:none!important;padding:34px!important;min-height:330px!important;transition:transform .35s ease,background .35s ease!important
}
.tp-page-home .solution-card:hover{transform:translateY(-8px)!important;background:var(--tp-accent)!important}
.tp-page-home .solution-number{font-family:'DM Mono',monospace!important;color:#7b786f!important}
.tp-page-home .solution-icon{background:#080808!important;color:var(--tp-accent)!important;border-radius:50%!important}
.tp-page-home .solution-card h3{font-size:31px!important;line-height:1!important;color:#080808!important}
.tp-page-home .solution-card p{color:#6e6b62!important}
.tp-page-home .solution-card:hover p{color:#3d3a31!important}

.tp-page-home .products{padding:120px 0!important;background:#080808!important}
.tp-page-home .products-header .section-title,.tp-page-home .products .section-title{font-size:clamp(44px,5.5vw,82px)!important;line-height:.96!important;letter-spacing:-.055em!important}
.tp-page-home .product-card{
  border:1px solid rgba(255,255,255,.13)!important;background:#10100f!important;border-radius:20px!important;padding:20px!important;box-shadow:none!important;overflow:hidden!important
}
.tp-page-home .product-card:hover{transform:translateY(-8px)!important;border-color:rgba(239,217,74,.52)!important}
.tp-page-home .product-preview{border-radius:14px!important;background:#171713!important}
.tp-page-home .product-card h3{font-size:28px!important}
.tp-page-home .product-price{font-family:'DM Mono',monospace!important;color:var(--tp-accent)!important}
.tp-page-home .product-button{border-radius:999px!important;background:#f4f2e9!important;color:#080808!important}
.tp-page-home .product-card.featured{background:var(--tp-accent)!important;color:#080808!important;border-color:var(--tp-accent)!important}
.tp-page-home .product-card.featured .product-price{color:#080808!important}
.tp-page-home .product-card.featured .product-button{background:#080808!important;color:#fff!important}

.tp-page-home .final-cta{background:var(--tp-paper)!important;color:#080808!important;padding:90px 0!important}
.tp-page-home .cta-box{background:var(--tp-accent)!important;border:1px solid #080808!important;border-radius:24px!important;box-shadow:18px 18px 0 #080808!important;padding:70px!important}
.tp-page-home .cta-box h2{font-size:clamp(46px,6vw,96px)!important;line-height:.88!important;letter-spacing:-.07em!important;color:#080808!important;text-transform:uppercase!important}
.tp-page-home .cta-box p{color:#4a4637!important;font-size:17px!important}
.tp-page-home footer{background:#080808!important;border-top:1px solid rgba(255,255,255,.12)!important}
.tp-page-home .footer-copy,.tp-page-home .footer-links a{font-family:'DM Mono',monospace!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}

.tp-home-marquee{overflow:hidden;background:var(--tp-accent);color:#080808;border-block:1px solid #080808}
.tp-home-marquee-track{display:flex;width:max-content;gap:26px;padding:14px 0;animation:tpMarquee 22s linear infinite;font:500 11px/1 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.tp-home-marquee-track span{display:flex;align-items:center;gap:26px}
.tp-home-marquee-track span::after{content:"✦";font-size:12px}
@keyframes tpMarquee{to{transform:translateX(-50%)}}

/* =====================================================================
   SHARED APP SHELL — dashboard, analytics, store, plans, admin
   ===================================================================== */
.tp-page-dashboard,.tp-page-analytics,.tp-page-store,.tp-page-plans,.tp-page-admin,.tp-page-admin-config{
  background:#0a0a09!important;color:#f5f3e9!important;min-height:100vh
}
.tp-page-dashboard .editor-side,.tp-page-analytics .container,.tp-page-store .container,.tp-page-plans,.tp-page-admin .container,.tp-page-admin-config .container{
  position:relative
}
.tp-page-dashboard .header-top,.tp-page-analytics .header,.tp-page-store .top-bar,.tp-page-admin .header,.tp-page-admin-config .top-bar{
  border-bottom:1px solid rgba(255,255,255,.12)!important;padding-bottom:18px!important;margin-bottom:26px!important
}
.tp-page-dashboard .header-top h1,.tp-page-analytics .header h1,.tp-page-store .top-bar h1,.tp-page-admin .header h1,.tp-page-admin-config .top-bar h1{
  font-size:clamp(30px,3.2vw,48px)!important;line-height:.95!important;font-weight:600!important;letter-spacing:-.055em!important
}
.tp-page-dashboard .section-title,.tp-page-analytics .panel h3,.tp-page-admin .panel h2,.tp-page-admin-config .panel h2{
  font-family:'DM Mono',monospace!important;text-transform:uppercase!important;letter-spacing:.09em!important;font-size:11px!important;color:#aaa79e!important
}
.tp-page-dashboard .section-title i,.tp-page-analytics .panel h3 i,.tp-page-admin .panel h2 i{color:var(--tp-accent)!important}

/* Dashboard */
.tp-page-dashboard .main-wrapper{max-width:1680px!important;margin:0 auto!important;background:#0a0a09!important}
.tp-page-dashboard .editor-side{background:#0a0a09!important;padding:34px 34px 110px!important}
.tp-page-dashboard .preview-side{background:#11110f!important;border-left:1px solid rgba(255,255,255,.12)!important}
.tp-page-dashboard .header-top{position:sticky!important;top:0!important;z-index:40!important;background:rgba(10,10,9,.88)!important;backdrop-filter:blur(18px)!important;padding-top:18px!important}
.tp-page-dashboard .header-actions{gap:8px!important}
.tp-page-dashboard .badge-pro{font-family:'DM Mono',monospace!important;text-transform:uppercase!important;font-size:9px!important;letter-spacing:.08em!important;border-radius:999px!important;padding:8px 11px!important}
.tp-page-dashboard .card,.tp-page-dashboard .plan-card,.tp-page-dashboard .public-link-card,.tp-page-dashboard .elo-dashboard-banner,.tp-page-dashboard .theme-manager-card,.tp-page-dashboard .pin-manager-card{
  background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:none!important
}
.tp-page-dashboard .plan-card{overflow:hidden!important;position:relative!important}
.tp-page-dashboard .plan-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tp-accent)}
.tp-page-dashboard .plan-kicker,.tp-page-dashboard .theme-kicker,.tp-page-dashboard .pin-kicker{
  font-family:'DM Mono',monospace!important;text-transform:uppercase!important;letter-spacing:.11em!important;font-size:9px!important;color:#7f7d75!important
}
.tp-page-dashboard .plan-card h2{font-size:36px!important;line-height:1!important}
.tp-page-dashboard .btn-upgrade,.tp-page-dashboard .username-save,.tp-page-dashboard .btn-save,.tp-page-dashboard .theme-action,.tp-page-dashboard .change-theme-btn,.tp-page-dashboard .btn-modal{
  border-radius:999px!important;background:var(--tp-accent)!important;color:#080808!important;border:1px solid var(--tp-accent)!important;font-weight:700!important;box-shadow:none!important
}
.tp-page-dashboard .btn-upgrade:hover,.tp-page-dashboard .username-save:hover,.tp-page-dashboard .btn-save:hover{filter:brightness(1.08);transform:translateY(-1px)}
.tp-page-dashboard .public-link-pro,.tp-page-dashboard .theme-filter.active{background:var(--tp-accent)!important;color:#080808!important;border-color:var(--tp-accent)!important}
.tp-page-dashboard input:not([type=color]):not([type=file]),.tp-page-dashboard textarea,.tp-page-dashboard select{
  background:#0a0a09!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:12px!important;box-shadow:none!important
}
.tp-page-dashboard input:focus,.tp-page-dashboard textarea:focus,.tp-page-dashboard select:focus{border-color:var(--tp-accent)!important;outline:none!important;box-shadow:0 0 0 3px rgba(239,217,74,.08)!important}
.tp-page-dashboard .stats-grid{gap:12px!important}
.tp-page-dashboard .stat-card{background:var(--tp-paper)!important;color:#080808!important;border:0!important;border-radius:16px!important;padding:24px!important}
.tp-page-dashboard .stat-card h4{color:#68665f!important;font-family:'DM Mono',monospace!important;text-transform:uppercase!important;font-size:9px!important;letter-spacing:.08em!important}
.tp-page-dashboard .stat-card .number{font-size:clamp(32px,4vw,54px)!important;letter-spacing:-.06em!important;color:#080808!important}
.tp-page-dashboard .theme-gallery-grid,.tp-page-dashboard .pin-store-grid{gap:12px!important}
.tp-page-dashboard .theme-card-item,.tp-page-dashboard .pin-slot,.tp-page-dashboard .link-item-card{
  border-radius:14px!important;border:1px solid rgba(255,255,255,.12)!important;background:#0d0d0c!important;box-shadow:none!important
}
.tp-page-dashboard .theme-card-item{overflow:hidden!important}
.tp-page-dashboard .theme-cover-button{border-radius:12px!important;overflow:hidden!important}
.tp-page-dashboard .theme-filter{border-radius:999px!important;font-family:'DM Mono',monospace!important;font-size:9px!important;letter-spacing:.05em!important}
.tp-page-dashboard .phone-mockup{border-radius:42px!important;border:8px solid #050505!important;box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12)!important}
.tp-page-dashboard .mobile-preview-btn{background:var(--tp-accent)!important;color:#080808!important;border-radius:999px!important}
.tp-page-dashboard .modal-overlay{backdrop-filter:blur(18px)!important;background:rgba(0,0,0,.72)!important}
.tp-page-dashboard .modal-box{background:#11110f!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:22px!important;box-shadow:var(--tp-shadow)!important}
.tp-page-dashboard .upgrade-hero{background:var(--tp-accent)!important;color:#080808!important}
.tp-page-dashboard .upgrade-hero p{color:#4f4931!important}
.tp-page-dashboard .upgrade-crown{color:#080808!important}

/* Analytics */
.tp-page-analytics .container{max-width:1280px!important;padding-top:34px!important}
.tp-page-analytics .nav-links a{border-radius:999px!important;font-family:'DM Mono',monospace!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.tp-page-analytics .nav-links a.active{background:var(--tp-accent)!important;color:#080808!important}
.tp-page-analytics .stats-grid{gap:14px!important}
.tp-page-analytics .stat-card{background:var(--tp-paper)!important;color:#080808!important;border:0!important;border-radius:18px!important;padding:26px!important}
.tp-page-analytics .stat-card .icon{background:#080808!important;color:var(--tp-accent)!important;border-radius:50%!important}
.tp-page-analytics .stat-card .number{font-size:48px!important;letter-spacing:-.06em!important}
.tp-page-analytics .dashboard-grid{gap:14px!important}
.tp-page-analytics .panel{background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:none!important}
.tp-page-analytics .link-row{border-color:rgba(255,255,255,.09)!important}
.tp-page-analytics .link-clicks{color:var(--tp-accent)!important}

/* Store */
.tp-page-store .container{max-width:1380px!important;padding:34px 26px 70px!important}
.tp-page-store .grid-loja{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.tp-page-store .card-tema{background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:none!important;overflow:hidden!important;transition:transform .3s ease,border-color .3s ease!important}
.tp-page-store .card-tema:hover{transform:translateY(-6px)!important;border-color:rgba(239,217,74,.55)!important}
.tp-page-store .card-tema img,.tp-page-store .card-tema video{border-radius:0!important}
.tp-page-store .info-tema{padding:20px!important}
.tp-page-store .preco{color:var(--tp-accent)!important;font-family:'DM Mono',monospace!important}
.tp-page-store .btn-comprar,.tp-page-store .btn-adquirido{border-radius:999px!important;background:var(--tp-accent)!important;color:#080808!important;border:0!important}

/* Plans */
.tp-page-plans .header{border-bottom:1px solid rgba(255,255,255,.12)!important;background:rgba(10,10,9,.9)!important;backdrop-filter:blur(18px)!important}
.tp-page-plans .title-section h1{font-size:clamp(48px,7vw,92px)!important;line-height:.9!important;letter-spacing:-.065em!important}
.tp-page-plans .pricing-wrapper{gap:14px!important}
.tp-page-plans .plan-card{border:1px solid rgba(255,255,255,.14)!important;background:#11110f!important;border-radius:20px!important;box-shadow:none!important}
.tp-page-plans .plan-card.pro{background:var(--tp-accent)!important;color:#080808!important;border-color:var(--tp-accent)!important;transform:none!important}
.tp-page-plans .plan-card.pro .plan-desc,.tp-page-plans .plan-card.pro .feature-list li{color:#464231!important}
.tp-page-plans .plan-price{font-size:52px!important;letter-spacing:-.06em!important}
.tp-page-plans .btn-plan{border-radius:999px!important}
.tp-page-plans .btn-gold{background:#080808!important;color:#fff!important}
.tp-page-plans .plan-badge{background:#080808!important;color:var(--tp-accent)!important;border-radius:999px!important}

/* Admin */
.tp-page-admin .container,.tp-page-admin-config .container{max-width:1480px!important;padding:30px 24px 70px!important}
.tp-page-admin .tabs{gap:8px!important;border-bottom:1px solid rgba(255,255,255,.12)!important;padding-bottom:16px!important}
.tp-page-admin .tabs button,.tp-page-admin .tabs a{border-radius:999px!important;font-family:'DM Mono',monospace!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.tp-page-admin .tabs .active{background:var(--tp-accent)!important;color:#080808!important}
.tp-page-admin .panel,.tp-page-admin-config .panel{background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;box-shadow:none!important}
.tp-page-admin .arte-card,.tp-page-admin .layout-item,.tp-page-admin .pin-item{background:#0c0c0b!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;overflow:hidden!important}
.tp-page-admin .btn-action,.tp-page-admin .btn-gold,.tp-page-admin-config button{border-radius:999px!important}
.tp-page-admin .btn-gold,.tp-page-admin-config .fa-save + span{background:var(--tp-accent)!important;color:#080808!important}
.tp-page-admin input,.tp-page-admin select,.tp-page-admin textarea,.tp-page-admin-config input,.tp-page-admin-config select,.tp-page-admin-config textarea{
  background:#0a0a09!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;border-radius:11px!important
}

/* =====================================================================
   AUTH — Login, Recovery, Registration
   ===================================================================== */
.tp-page-login,.tp-page-recovery,.tp-page-register{
  background:var(--tp-paper)!important;color:#080808!important;min-height:100vh!important
}
.tp-page-login::after,.tp-page-recovery::after,.tp-page-register::after{mix-blend-mode:multiply!important;opacity:.025!important}
.tp-page-login .top,.tp-page-recovery .top{margin-bottom:18px!important}
.tp-page-login .brand,.tp-page-recovery .brand{color:#080808!important;font-size:26px!important}
.tp-page-login .brand-icon,.tp-page-recovery .brand-icon{background:var(--tp-accent)!important;color:#080808!important;border-radius:50%!important;box-shadow:none!important}
.tp-page-login .top p,.tp-page-recovery .top p{color:#77736a!important;font-family:'DM Mono',monospace!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.06em!important}
.tp-page-login .login-card,.tp-page-recovery .card{
  background:#080808!important;color:#fff!important;border:1px solid #080808!important;border-radius:24px!important;box-shadow:18px 18px 0 var(--tp-accent)!important;padding:38px!important
}
.tp-page-login .heading h1,.tp-page-recovery .heading h1{font-size:clamp(35px,6vw,50px)!important;line-height:.93!important;letter-spacing:-.06em!important}
.tp-page-login .heading p,.tp-page-recovery .heading p{color:#85837a!important}
.tp-page-login .eyebrow,.tp-page-recovery .eyebrow{font-family:'DM Mono',monospace!important;color:var(--tp-accent)!important;font-size:9px!important;letter-spacing:.1em!important}
.tp-page-login input,.tp-page-recovery input{
  background:#11110f!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important;color:#fff!important
}
.tp-page-login input:focus,.tp-page-recovery input:focus{border-color:var(--tp-accent)!important;box-shadow:0 0 0 3px rgba(239,217,74,.08)!important}
.tp-page-login .submit-button,.tp-page-recovery .submit-button{background:var(--tp-accent)!important;color:#080808!important;border-radius:999px!important;box-shadow:none!important}
.tp-page-login .divider,.tp-page-recovery .divider{color:#65635d!important}
.tp-page-login .register,.tp-page-login .back-home,.tp-page-recovery .links,.tp-page-recovery .back-home{color:#6c6960!important}
.tp-page-login .register a,.tp-page-recovery .links a{color:var(--tp-accent)!important}
.tp-page-login .footer-note,.tp-page-recovery .footer-note{color:#767168!important}

.tp-page-register .page{background:var(--tp-paper)!important}
.tp-page-register .brand-side{background:#080808!important;color:#fff!important;border-right:0!important;position:relative!important;overflow:hidden!important}
.tp-page-register .brand-side::after{content:"TAP\A PRO";white-space:pre;position:absolute;left:-5%;bottom:-5%;font-size:clamp(120px,17vw,280px);line-height:.68;font-weight:700;letter-spacing:-.09em;color:rgba(239,217,74,.08);pointer-events:none}
.tp-page-register .logo-mark{background:var(--tp-accent)!important;color:#080808!important;border-radius:50%!important}
.tp-page-register .brand-content h1{font-size:clamp(48px,5vw,78px)!important;line-height:.9!important;letter-spacing:-.065em!important}
.tp-page-register .eyebrow{font-family:'DM Mono',monospace!important;color:var(--tp-accent)!important;text-transform:uppercase!important;letter-spacing:.1em!important}
.tp-page-register .benefit{background:#11110f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important}
.tp-page-register .benefit i{color:var(--tp-accent)!important}
.tp-page-register .form-side{background:var(--tp-paper)!important;color:#080808!important}
.tp-page-register .form-box{max-width:690px!important}
.tp-page-register .form-header h2{font-size:clamp(42px,5vw,66px)!important;line-height:.92!important;letter-spacing:-.06em!important}
.tp-page-register .section-title{font-family:'DM Mono',monospace!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:10px!important;color:#6f6c63!important}
.tp-page-register input,.tp-page-register select,.tp-page-register textarea{background:#fffef8!important;border:1px solid rgba(8,8,8,.16)!important;color:#080808!important;border-radius:11px!important}
.tp-page-register input:focus,.tp-page-register select:focus{border-color:#080808!important;box-shadow:0 0 0 3px rgba(8,8,8,.06)!important}
.tp-page-register .plan-card{background:#fffef8!important;border:1px solid rgba(8,8,8,.16)!important;border-radius:14px!important;box-shadow:none!important}
.tp-page-register .plan input:checked + .plan-card{border-color:#080808!important;background:var(--tp-accent)!important;box-shadow:6px 6px 0 #080808!important}
.tp-page-register .submit{background:#080808!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}
.tp-page-register .bottom-link a{color:#080808!important;text-decoration:underline!important}

/* =====================================================================
   CHECKOUTS / PAYMENT / CARD ACTIVATION / BUY FLOW
   ===================================================================== */
.tp-page-checkout,.tp-page-checkout-theme,.tp-page-checkout-pin,.tp-page-payment,.tp-page-activate,.tp-page-buy{
  background:var(--tp-paper)!important;color:#080808!important;min-height:100vh!important
}
.tp-page-checkout .box,.tp-page-payment .payment-box,.tp-page-checkout-theme .box,.tp-page-checkout-pin .card,.tp-page-activate .card{
  background:#080808!important;color:#fff!important;border:1px solid #080808!important;border-radius:24px!important;box-shadow:16px 16px 0 var(--tp-accent)!important
}
.tp-page-checkout-theme .logo,.tp-page-checkout-pin .logo,.tp-page-activate .logo{color:#fff!important}
.tp-page-checkout-theme .logo-mark{background:var(--tp-accent)!important;color:#080808!important;border-radius:50%!important}
.tp-page-checkout-theme .product,.tp-page-checkout-pin .produto,.tp-page-payment .order-summary{background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important}
.tp-page-checkout-theme .price,.tp-page-checkout-pin .produto-preco,.tp-page-payment .total{color:var(--tp-accent)!important}
.tp-page-checkout-theme .qr-area,.tp-page-checkout-pin .qr-container,.tp-page-payment .api-container{background:#fff!important;border-radius:16px!important;padding:16px!important}
.tp-page-checkout-theme .copy-row,.tp-page-checkout-pin .pix-copia{background:#11110f!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important}
.tp-page-checkout-theme .copy-btn,.tp-page-checkout-pin .btn-copiar,.tp-page-activate .button,.tp-page-payment button,.tp-page-checkout .box button{
  background:var(--tp-accent)!important;color:#080808!important;border-radius:999px!important;border:0!important;font-weight:700!important
}
.tp-page-checkout-theme .back-btn,.tp-page-checkout-pin .voltar{color:#aaa79e!important}

.tp-page-buy .topbar{background:rgba(244,242,233,.9)!important;color:#080808!important;border-bottom:1px solid rgba(8,8,8,.14)!important;backdrop-filter:blur(18px)!important}
.tp-page-buy .logo-icon{background:var(--tp-accent)!important;color:#080808!important;border-radius:50%!important}
.tp-page-buy .page-header h1{font-size:clamp(48px,6vw,82px)!important;line-height:.9!important;letter-spacing:-.065em!important}
.tp-page-buy .panel{background:#fffef8!important;border:1px solid rgba(8,8,8,.14)!important;border-radius:20px!important;box-shadow:none!important}
.tp-page-buy .summary{background:#080808!important;color:#fff!important}
.tp-page-buy .product-preview{background:var(--tp-accent)!important;color:#080808!important;border-radius:16px!important}
.tp-page-buy .model-card{background:#f8f6ee!important;border:1px solid rgba(8,8,8,.14)!important;border-radius:14px!important;box-shadow:none!important}
.tp-page-buy .model-option input:checked + .model-card{background:var(--tp-accent)!important;border-color:#080808!important;box-shadow:6px 6px 0 #080808!important}
.tp-page-buy input,.tp-page-buy select,.tp-page-buy textarea{background:#fff!important;border:1px solid rgba(8,8,8,.15)!important;color:#080808!important;border-radius:11px!important}
.tp-page-buy .payment-button{background:#080808!important;color:#fff!important;border-radius:999px!important;box-shadow:none!important}

/* =====================================================================
   PUBLIC PROFILE — preserve user's custom media/background; refine UI only
   ===================================================================== */
.tp-page-profile{color:#fff!important}
.tp-page-profile::before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52));z-index:-1;pointer-events:none}
.tp-page-profile .profile-container{
  width:min(100% - 28px,620px)!important;margin:0 auto!important;padding:38px 28px 28px!important;border-radius:28px!important;
  background:rgba(8,8,8,.74)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(22px)!important;box-shadow:0 34px 100px rgba(0,0,0,.45)!important
}
.tp-page-profile .foto-wrapper{width:118px!important;height:118px!important;margin-bottom:18px!important}
.tp-page-profile .foto-perfil{border-radius:50%!important}
.tp-page-profile .profile-container h1{font-size:clamp(36px,9vw,58px)!important;line-height:.9!important;letter-spacing:-.06em!important;margin-bottom:12px!important}
.tp-page-profile .bio{font-size:14px!important;line-height:1.55!important;color:rgba(255,255,255,.7)!important;max-width:470px!important;margin-inline:auto!important}
.tp-page-profile .pins-area{gap:6px!important}
.tp-page-profile .pin-icon{width:28px!important;height:28px!important;border-radius:50%!important;background:#111!important;border:1px solid rgba(255,255,255,.16)!important;padding:3px!important}
.tp-page-profile .links-container{gap:8px!important;margin-top:24px!important}
.tp-page-profile .btn-link{
  min-height:58px!important;border-radius:999px!important;padding:0 20px!important;font-size:13px!important;font-weight:600!important;
  transition:transform .25s ease,filter .25s ease!important;box-shadow:none!important
}
.tp-page-profile .btn-link:hover{transform:translateY(-3px)!important;filter:brightness(1.05)!important}
.tp-page-profile .btn-icon{font-size:17px!important}
.tp-page-profile .branding{font-family:'DM Mono',monospace!important;font-size:9px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:rgba(255,255,255,.48)!important}

/* =====================================================================
   ROOT PRODUCT STORE (legacy public store)
   ===================================================================== */
.tp-page-public-store{background:var(--tp-paper)!important;color:#080808!important;min-height:100vh!important}
.tp-page-public-store .header{background:var(--tp-paper)!important;border-bottom:1px solid rgba(8,8,8,.14)!important}
.tp-page-public-store .vitrine{max-width:1400px!important;gap:14px!important}
.tp-page-public-store .produto-card{background:#fffef8!important;border:1px solid rgba(8,8,8,.14)!important;border-radius:20px!important;box-shadow:none!important}
.tp-page-public-store .mockup-cartao{background:#080808!important;border-radius:18px!important}
.tp-page-public-store .preco{color:#080808!important;font-size:36px!important;letter-spacing:-.055em!important}
.tp-page-public-store .btn-comprar{background:#080808!important;color:#fff!important;border-radius:999px!important}
.tp-page-public-store .produto-card.custom{background:var(--tp-accent)!important}

/* =====================================================================
   ADMIN LOGIN
   ===================================================================== */
.tp-page-admin-login{background:var(--tp-paper)!important;color:#080808!important;min-height:100vh!important}
.tp-page-admin-login .box{background:#080808!important;color:#fff!important;border-radius:24px!important;box-shadow:16px 16px 0 var(--tp-accent)!important;border:1px solid #080808!important;padding:38px!important}
.tp-page-admin-login .box i{color:var(--tp-accent)!important}
.tp-page-admin-login input{background:#11110f!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:12px!important}
.tp-page-admin-login button{background:var(--tp-accent)!important;color:#080808!important;border:0!important;border-radius:999px!important}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media (max-width:1100px){
  .tp-page-home .hero-content{grid-template-columns:1fr!important;gap:34px!important}
  .tp-page-home .hero-visual{min-height:500px!important}
  .tp-page-home .hero-copy{max-width:900px!important}
  .tp-page-store .grid-loja{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:800px){
  body.tp-od::after{display:none}
  .tp-page-home .container,.tp-page-home .nav-inner{width:min(100% - 30px,var(--tp-max))!important}
  .tp-page-home nav{height:66px!important}
  .tp-page-home .nav-links{display:none!important}
  .tp-page-home .nav-actions .login-link,.tp-page-home .nav-actions .register-link{display:none!important}
  .tp-page-home .nav-button{padding:10px 14px!important;font-size:10px!important}
  .tp-page-home .hero{padding:112px 0 48px!important;min-height:auto!important}
  .tp-page-home .hero h1{font-size:clamp(55px,18vw,88px)!important}
  .tp-page-home .hero-description{font-size:15px!important}
  .tp-page-home .hero-actions{flex-direction:column!important;align-items:stretch!important}
  .tp-page-home .primary-button,.tp-page-home .secondary-button{justify-content:center!important}
  .tp-page-home .hero-visual{min-height:410px!important}
  .tp-page-home .visual-circle{width:380px!important;height:380px!important}
  .tp-page-home .tap-card{width:330px!important;padding:25px!important;box-shadow:16px 18px 0 var(--tp-accent),0 30px 60px rgba(0,0,0,.45)!important}
  .tp-page-home .floating-label{font-size:8px!important;padding:9px 12px!important}
  .tp-page-home .solution,.tp-page-home .products{padding:78px 0!important}
  .tp-page-home .solution-card{min-height:auto!important}
  .tp-page-home .cta-box{padding:42px 24px!important;box-shadow:9px 9px 0 #080808!important}

  .tp-page-dashboard .main-wrapper{display:block!important}
  .tp-page-dashboard .editor-side{padding:22px 16px 100px!important;width:100%!important;max-width:none!important}
  .tp-page-dashboard .preview-side{border-left:0!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .tp-page-dashboard .stats-grid{grid-template-columns:1fr!important}
  .tp-page-dashboard .header-top{padding-top:12px!important}
  .tp-page-store .grid-loja{grid-template-columns:1fr!important}

  .tp-page-register .page{display:block!important}
  .tp-page-register .brand-side{min-height:auto!important;padding:32px 20px!important}
  .tp-page-register .brand-content{padding-block:34px!important}
  .tp-page-register .form-side{padding:36px 18px 60px!important}

  .tp-page-profile .profile-container{width:min(100% - 20px,620px)!important;padding:30px 18px 22px!important;border-radius:22px!important}
}

@media (max-width:520px){
  .tp-page-login .login-card,.tp-page-recovery .card,.tp-page-checkout .box,.tp-page-payment .payment-box,.tp-page-checkout-theme .box,.tp-page-checkout-pin .card,.tp-page-activate .card,.tp-page-admin-login .box{
    box-shadow:8px 8px 0 var(--tp-accent)!important;border-radius:20px!important;padding:24px!important
  }
  .tp-page-home .hero h1{font-size:52px!important}
  .tp-page-home .tap-card{width:286px!important}
  .tp-page-home .visual-circle{width:320px!important;height:320px!important}
  .tp-page-home .label-1{left:0!important}.tp-page-home .label-2{right:0!important}
}

/* Respect accessibility */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .tp-reveal{opacity:1!important;transform:none!important}
}