:root{
  --trm-bg:#08090d;
  --trm-bg-soft:#10131b;
  --trm-bg-panel:#151927;
  --trm-card:#ffffff;
  --trm-card-soft:#f6f5f2;
  --trm-text:#10131b;
  --trm-text-soft:#677189;
  --trm-border:#e7e2db;
  --trm-border-dark:rgba(255,255,255,.12);
  --trm-primary:#d3a56d;
  --trm-primary-strong:#f2c68f;
  --trm-primary-dark:#b07d45;
  --trm-secondary:#efe5d9;
  --trm-cream:#f7f0e9;
  --trm-white:#fffdf9;
  --trm-success:#0e9f6e;
  --trm-danger:#c93a3a;
  --trm-radius:26px;
  --trm-radius-sm:18px;
  --trm-shadow:0 24px 60px rgba(8,9,13,.12);
  --trm-shadow-dark:0 28px 70px rgba(3,5,10,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#f7f3ee 0%,#f3efe7 100%);color:var(--trm-text);line-height:1.65}
a{text-decoration:none;color:inherit}
a:hover{color:var(--trm-primary-dark)}
img{max-width:100%;height:auto;display:block}
.trm-site-wrap{width:min(1240px,92vw);margin:0 auto}
.trm-site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--trm-border-dark);backdrop-filter:blur(16px);background:rgba(9,11,16,.82)}
.trm-site-header-inner{background:rgba(9,11,16,.94)}
.trm-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}
.trm-site-logo{display:flex;align-items:center;min-width:110px}
.trm-custom-logo{max-height:58px;width:auto;object-fit:contain}
.trm-custom-logo-sidebar{max-height:48px}
.trm-logo-wordmark{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:.02em}
.trm-logo-wordmark span{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:linear-gradient(135deg,var(--trm-primary),#f5c48c);color:#111;font-family:"Space Grotesk",sans-serif;font-size:.95rem;line-height:1}
.trm-menu,.trm-fallback-links{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}
.trm-menu li{list-style:none}
.trm-menu a,.trm-fallback-links a{color:rgba(255,255,255,.84);font-size:.98rem;font-weight:600}
.trm-menu a:hover,.trm-fallback-links a:hover{color:#fff}
.trm-nav-cta,.trm-menu .menu-item:last-child a{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:999px;background:var(--trm-primary);color:#111!important;box-shadow:0 8px 24px rgba(211,165,109,.3)}
.trm-nav-cta:hover,.trm-menu .menu-item:last-child a:hover{background:var(--trm-primary-strong);color:#111!important}
.trm-default-main{padding:72px 0}
.trm-generic-card{background:rgba(255,253,249,.9);border:1px solid rgba(177,133,82,.15);border-radius:32px;padding:40px;box-shadow:var(--trm-shadow)}
.trm-generic-card h1{margin:18px 0 12px;font-size:clamp(2rem,3.8vw,3.4rem);font-family:"Space Grotesk",sans-serif;line-height:1.03;letter-spacing:-.03em}
.trm-rich-content{color:#4d5569}
.trm-site-footer{padding:28px 0 40px;background:#0c0f16;color:#d4d9e6;border-top:1px solid rgba(255,255,255,.08)}
.trm-footer-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}
.trm-footer-brand{margin:0 0 6px;color:#fff;font-weight:800;font-size:1.1rem}
.trm-footer-copy,.trm-footer-meta{margin:0;color:#b1b9cc}
.trm-hero-page{background:#090b10;position:relative;overflow:hidden}
.trm-hero-page::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%, rgba(211,165,109,.18), transparent 28%),radial-gradient(circle at 82% 22%, rgba(255,255,255,.08), transparent 20%)}
.trm-hero-section{padding:96px 0 80px;position:relative}
.trm-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:40px;align-items:center;position:relative;z-index:2}
.trm-hero-copy{color:#fff;padding-right:14px}
.trm-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(211,165,109,.12);border:1px solid rgba(211,165,109,.26);color:var(--trm-primary-strong);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.trm-hero-copy h1{margin:22px 0 16px;font-family:"Space Grotesk",sans-serif;font-size:clamp(2.65rem,6vw,5.3rem);line-height:.97;letter-spacing:-.05em;max-width:11ch}
.trm-hero-copy p{font-size:1.08rem;color:rgba(255,255,255,.78);max-width:58ch}
.trm-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.trm-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;border:1px solid transparent;font-weight:800;transition:.25s ease}
.trm-btn-primary{background:var(--trm-primary);color:#111;box-shadow:0 14px 30px rgba(211,165,109,.22)}
.trm-btn-primary:hover{background:var(--trm-primary-strong);color:#111;transform:translateY(-1px)}
.trm-btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.trm-btn-secondary:hover{background:rgba(255,255,255,.14);color:#fff}
.trm-hero-badges{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.trm-hero-badges span{display:inline-flex;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.72);font-size:.9rem;font-weight:600}
.trm-hero-visual{position:relative;min-height:650px}
.trm-cover-frame{position:relative;width:100%;height:100%;border-radius:38px;overflow:hidden;box-shadow:var(--trm-shadow-dark);background:#1a1f2d;border:1px solid rgba(255,255,255,.12)}
.trm-cover-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,9,13,.18) 0%, rgba(8,9,13,.05) 40%, rgba(8,9,13,.42) 100%)}
.trm-cover-frame img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.trm-floating-panel{position:absolute;max-width:260px;padding:20px 22px;border-radius:24px;background:rgba(18,22,31,.84);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);box-shadow:var(--trm-shadow-dark);color:#fff}
.trm-floating-top{top:26px;left:-36px}
.trm-floating-bottom{right:-24px;bottom:34px}
.trm-floating-panel strong{display:block;margin:6px 0 8px;font-size:1.15rem}
.trm-floating-panel p{margin:0;color:rgba(255,255,255,.7);font-size:.95rem}
.trm-stat-kicker{display:block;color:var(--trm-primary-strong);font-size:.8rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.trm-service-section{position:relative;z-index:2;padding:0 0 90px;background:linear-gradient(180deg,#090b10 0%,#f7f3ee 20%)}
.trm-section-intro{max-width:760px;margin:0 auto 28px;text-align:center}
.trm-section-intro h2{margin:20px 0 12px;font-family:"Space Grotesk",sans-serif;font-size:clamp(2rem,4vw,3.1rem);line-height:1.04;letter-spacing:-.04em;color:#171a24}
.trm-section-intro p{margin:0;color:#5b6170;font-size:1.03rem}
.trm-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.trm-service-card{background:rgba(255,253,249,.92);border:1px solid rgba(177,133,82,.12);border-radius:28px;padding:28px;box-shadow:var(--trm-shadow)}
.trm-service-card span{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--trm-secondary);color:var(--trm-primary-dark);font-weight:800;margin-bottom:16px}
.trm-service-card h3{margin:0 0 10px;font-size:1.28rem;font-family:"Space Grotesk",sans-serif}
.trm-service-card p{margin:0;color:#5b6170}
.trm-auth-main{padding:70px 0 90px;background:linear-gradient(180deg,#0a0c12 0%,#111623 100%)}
.trm-auth-card-wrap{display:flex;justify-content:center}
.trm-auth-card{width:min(1140px,100%);display:grid;grid-template-columns:1fr minmax(360px,460px);background:#fff;border:1px solid rgba(255,255,255,.08);border-radius:34px;overflow:hidden;box-shadow:var(--trm-shadow-dark)}
.trm-auth-intro{position:relative;min-height:620px;background:#090b10;background-image:var(--trm-auth-cover);background-size:cover;background-position:center}
.trm-auth-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,8,12,.82),rgba(12,15,24,.48) 42%,rgba(7,8,12,.72))}
.trm-auth-intro-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:42px;color:#fff}
.trm-auth-intro h1{margin:18px 0 10px;font-size:clamp(2rem,3vw,3.3rem);line-height:1.02;font-family:"Space Grotesk",sans-serif}
.trm-auth-intro p,.trm-auth-copy{max-width:28rem;color:rgba(255,255,255,.8)}
.trm-auth-form-wrap{padding:42px;background:#fff}
.trm-auth-form p,.login-username,.login-password,.login-remember{margin:0 0 16px}
.trm-auth-form label,.login-username label,.login-password label{display:block;font-weight:700;margin-bottom:8px;color:#202634}
.trm-auth-form input,.login-username input,.login-password input,.trm-dashboard-page-body input,.trm-dashboard-page-body select,.trm-dashboard-page-body textarea{width:100%;padding:15px 16px;border:1px solid #ddd5cb;border-radius:16px;background:#fffefc;font:inherit;color:#151927;transition:border-color .2s ease, box-shadow .2s ease}
.trm-auth-form input:focus,.login-username input:focus,.login-password input:focus,.trm-dashboard-page-body input:focus,.trm-dashboard-page-body select:focus,.trm-dashboard-page-body textarea:focus{outline:none;border-color:rgba(176,125,69,.55);box-shadow:0 0 0 4px rgba(211,165,109,.14)}
.login-remember label{display:flex;align-items:center;gap:8px}
.login-remember input[type="checkbox"]{width:auto}
.login-submit .button-primary,.trm-auth-submit,.trm-dashboard-page-body .trm-add-track,.trm-dashboard-page-body .trm-submit-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:15px 18px;border:none;border-radius:999px;background:var(--trm-primary);color:#111;font-weight:800;cursor:pointer;box-shadow:0 12px 28px rgba(211,165,109,.22)}
.login-submit .button-primary:hover,.trm-auth-submit:hover,.trm-dashboard-page-body .trm-add-track:hover,.trm-dashboard-page-body .trm-submit-btn:hover{background:var(--trm-primary-strong)}
.trm-auth-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.trm-auth-links a{color:var(--trm-primary-dark);font-weight:700}
.trm-alert{padding:14px 16px;border-radius:18px;margin-bottom:18px}
.trm-alert.success{background:rgba(14,159,110,.1);color:#06624a}
.trm-alert.error{background:rgba(220,38,38,.08);color:#991b1b}
.trm-dashboard-main{padding:38px 0 64px;background:linear-gradient(180deg,#f7f3ee 0%,#f3eee4 100%)}
.trm-dashboard-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}
.trm-sidebar{background:linear-gradient(180deg,#0c0f16 0%,#151927 100%);color:#e8edf8;border-radius:30px;padding:24px;position:sticky;top:110px;box-shadow:var(--trm-shadow-dark);border:1px solid rgba(255,255,255,.06)}
.trm-sidebar-brand-link{display:block}
.trm-brand-block{display:flex;flex-direction:column;gap:18px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:18px}
.trm-brand-copy strong{display:block;color:#fff;font-size:1.15rem}
.trm-brand-copy span{display:block;font-size:.92rem;color:#adb8cf}
.trm-sidebar-nav{display:flex;flex-direction:column;gap:8px}
.trm-sidebar-nav a{color:#d7deec;padding:14px 16px;border-radius:16px;font-weight:700;transition:.2s ease}
.trm-sidebar-nav a:hover,.trm-sidebar-nav a.is-active{background:rgba(255,255,255,.08);color:#fff}
.trm-dashboard-page-card,.trm-guest-dashboard-card{background:rgba(255,253,249,.92);border:1px solid rgba(177,133,82,.14);border-radius:32px;padding:32px;box-shadow:var(--trm-shadow)}
.trm-dashboard-page-head{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(177,133,82,.12)}
.trm-dashboard-page-head h1,.trm-guest-dashboard-card h1{margin:0;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.04;font-family:"Space Grotesk",sans-serif;letter-spacing:-.03em}
.trm-dashboard-page-head p,.trm-guest-dashboard-card p{margin:0;color:#626b7d}
.trm-dashboard-page-body .trm-card{background:#fffefb;border:1px solid rgba(177,133,82,.12);border-radius:24px;padding:22px;box-shadow:none;margin-bottom:20px}
.trm-dashboard-page-body .trm-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}
.trm-dashboard-page-body .trm-label{display:block;font-size:12px;color:var(--trm-text-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:800}
.trm-dashboard-page-body strong{font-size:1.5rem;color:#161b24}
.trm-dashboard-page-body .trm-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trm-dashboard-page-body .trm-form-grid > div,.trm-dashboard-page-body .trm-track-item p{margin:0}
.trm-dashboard-page-body label{display:block;font-weight:700;margin-bottom:8px;color:#253047}
.trm-dashboard-page-body .trm-full{grid-column:1/-1}
.trm-dashboard-page-body textarea{min-height:140px;resize:vertical}
.trm-dashboard-page-body .trm-track-wrap{margin:26px 0 22px}
.trm-dashboard-page-body .trm-track-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.trm-dashboard-page-body .trm-remove-track{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:999px;border:1px solid #e3d8cb;background:#fff;color:var(--trm-primary-dark);font-weight:700;cursor:pointer}
.trm-dashboard-page-body .trm-track-item{background:#fffdf9;border:1px solid rgba(177,133,82,.14);border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 14px 34px rgba(15,18,27,.04)}
.trm-dashboard-page-body .trm-track-item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.trm-dashboard-page-body .trm-track-item-head strong{font-size:1.05rem}
.trm-dashboard-page-body .trm-track-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.trm-dashboard-page-body .trm-table{width:100%;border-collapse:collapse;font-size:.96rem;background:#fffefb;border-radius:18px;overflow:hidden}
.trm-dashboard-page-body .trm-table th,.trm-dashboard-page-body .trm-table td{padding:15px 14px;border-bottom:1px solid rgba(177,133,82,.1);text-align:left;vertical-align:top}
.trm-dashboard-page-body .trm-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#7a8396;font-weight:800;background:#fbf6ef}
.trm-dashboard-page-body .trm-table tr:last-child td{border-bottom:none}
.trm-dashboard-page-body .trm-table a{color:var(--trm-primary-dark);font-weight:800}
.trm-dashboard-page-body .trm-release-detail-top{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}
.trm-dashboard-page-body .trm-cover-area{max-width:270px}
.trm-dashboard-page-body .trm-cover-area img{border-radius:22px;box-shadow:0 16px 32px rgba(12,15,24,.12)}
.trm-dashboard-page-body .trm-cover-placeholder{aspect-ratio:1;border-radius:22px;background:#f4ede4;display:grid;place-items:center;color:#84765d;border:1px dashed rgba(176,125,69,.35)}
.trm-dashboard-page-body .trm-notice.success{padding:14px 16px;border-radius:18px;background:rgba(14,159,110,.1);color:#06624a;margin-bottom:18px}
.trm-dashboard-page-body ul,.trm-dashboard-page-body ol{padding-left:1.2rem}
@media (max-width: 1180px){
  .trm-hero-grid{grid-template-columns:1fr;gap:30px}
  .trm-hero-copy h1{max-width:none}
  .trm-hero-visual{min-height:auto}
  .trm-cover-frame img{aspect-ratio:16/10}
  .trm-floating-top{left:16px}
  .trm-floating-bottom{right:16px}
}
@media (max-width: 1024px){
  .trm-auth-card,.trm-dashboard-shell,.trm-dashboard-page-body .trm-release-detail-top,.trm-service-grid{grid-template-columns:1fr}
  .trm-sidebar{position:relative;top:auto}
}
@media (max-width: 780px){
  .trm-header-inner{min-height:76px;flex-wrap:wrap;justify-content:center;padding:14px 0}
  .trm-menu,.trm-fallback-links{justify-content:center;gap:14px;flex-wrap:wrap}
  .trm-hero-section{padding:70px 0 64px}
  .trm-hero-copy h1{font-size:clamp(2.4rem,9vw,4rem)}
  .trm-floating-panel{position:relative;left:auto;right:auto;top:auto;bottom:auto;max-width:none;margin-top:14px}
  .trm-dashboard-page-body .trm-dashboard-grid,.trm-dashboard-page-body .trm-form-grid,.trm-dashboard-page-body .trm-track-item-grid{grid-template-columns:1fr}
  .trm-auth-form-wrap,.trm-auth-intro-inner,.trm-dashboard-page-card,.trm-generic-card,.trm-guest-dashboard-card{padding:24px}
  .trm-dashboard-page-body .trm-table{display:block;overflow-x:auto;white-space:nowrap}
}