/*
Theme Name: TradeNet Member Portal
Description: Public and subscription-gated TradeNet pages for WordPress.
Version: 1.1.0
Text Domain: tradenet
*/
@font-face{font-family:'Cronos Pro';src:local('Cronos Pro'),local('CronosPro-Regular');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Cronos Pro';src:local('Cronos Pro Semibold'),local('CronosPro-Semibold');font-style:normal;font-weight:600;font-display:swap}
:root{--tn-blue:#062f5f;--tn-blue-deep:#041f42;--tn-blue-mid:#0b4a91;--tn-white:#fff;--tn-paper:#f7f9fc;--tn-ink:#10263f;--tn-muted:#607189;--tn-line:#d7e0eb;--tn-gold:#c99a38;--tn-font:'Cronos Pro','Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--tn-white);color:var(--tn-ink);font-family:var(--tn-font);line-height:1.55}.tn-shell{max-width:1240px;margin:auto;padding:0 24px}.tn-header{background:var(--tn-blue-deep);border-bottom:4px solid var(--tn-gold)}.tn-header__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:90px}.tn-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--tn-white)}.tn-brand__logo{display:block;width:72px;height:72px;object-fit:contain;border-radius:6px;background:var(--tn-white);padding:3px}.tn-brand__name{display:block;font:600 25px/1 var(--tn-font);letter-spacing:.01em}.tn-brand__sub{display:block;margin-top:5px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#cbd9ec}.tn-nav{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tn-nav a{font:600 14px var(--tn-font);color:var(--tn-white);text-decoration:none}.tn-nav a:hover{color:#c9ddff}.tn-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--tn-blue);border-radius:6px;background:var(--tn-blue);color:#fff;padding:12px 18px;font:600 14px var(--tn-font);text-decoration:none;cursor:pointer;transition:background .16s ease,transform .16s ease}.tn-button:hover{background:var(--tn-blue-deep);transform:translateY(-1px)}.tn-header .tn-button{background:#fff;color:var(--tn-blue-deep);border-color:#fff}.tn-header .tn-button:hover{background:#dce9fb}.tn-button--outline{background:#fff;color:var(--tn-blue);border-color:var(--tn-blue)}.tn-button--outline:hover{background:#edf4ff}.tn-hero{background:linear-gradient(110deg,var(--tn-white) 0%,var(--tn-white) 61%,#eaf1fb 100%);color:var(--tn-ink);padding:96px 0;border-bottom:1px solid var(--tn-line)}.tn-eyebrow{margin:0 0 12px;color:var(--tn-blue-mid);font:600 12px var(--tn-font);letter-spacing:.18em;text-transform:uppercase}.tn-hero h1,.tn-page-title{font:600 clamp(38px,6vw,64px)/1.05 var(--tn-font);letter-spacing:-.025em;margin:0;max-width:850px;color:var(--tn-blue-deep)}.tn-hero p{max-width:700px;font-size:19px;color:#42546b;margin:22px 0 30px}.tn-section{padding:70px 0}.tn-section h2{font:600 clamp(28px,4vw,42px)/1.15 var(--tn-font);margin:0 0 16px;color:var(--tn-blue-deep)}.tn-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tn-card{background:var(--tn-white);border:1px solid var(--tn-line);border-top:4px solid var(--tn-blue);border-radius:10px;padding:25px;box-shadow:0 7px 24px rgba(6,47,95,.06)}.tn-card h3{font:600 22px/1.2 var(--tn-font);margin:0 0 10px;color:var(--tn-blue-deep)}.tn-card p{margin:0;color:var(--tn-muted)}.tn-page{padding:58px 0;min-height:70vh;background:var(--tn-white)}.tn-page-title{font-size:46px}.tn-page-lead{max-width:760px;color:var(--tn-muted);font-size:17px}.tn-portal-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:34px;align-items:start;margin-top:36px}.tn-sidebar{background:var(--tn-blue-deep);border-radius:10px;overflow:hidden;color:#fff;position:sticky;top:20px}.tn-sidebar__title{margin:0;padding:20px 20px 14px;color:#b7cff1;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.tn-sidebar a{display:block;padding:12px 20px;color:#eaf2ff;text-decoration:none;font-size:14px;border-left:4px solid transparent}.tn-sidebar a:hover,.tn-sidebar a[aria-current='page']{background:var(--tn-blue);border-left-color:var(--tn-gold);color:#fff}.tn-access{max-width:760px;margin:36px auto;background:var(--tn-white);border:1px solid #c6d6ec;border-radius:12px;padding:42px;text-align:center;box-shadow:0 7px 24px rgba(6,47,95,.06)}.tn-access__icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7f0fc;color:var(--tn-blue);font-weight:600}.tn-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--tn-line);border-radius:10px;overflow:hidden}.tn-table th,.tn-table td{text-align:left;padding:15px;border-bottom:1px solid var(--tn-line);font-size:14px}.tn-table th{background:var(--tn-blue-deep);color:#fff;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.tn-badge{display:inline-block;padding:4px 9px;border-radius:99px;background:#e7f0fc;color:var(--tn-blue);font-size:12px;font-weight:600}.tn-form{background:#fff;border:1px solid var(--tn-line);border-radius:10px;padding:28px;box-shadow:0 7px 24px rgba(6,47,95,.05)}.tn-form label{display:block;font-weight:600;font-size:14px;margin-top:16px}.tn-form input,.tn-form select,.tn-form textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #b8c6d8;border-radius:6px;font:inherit}.tn-form textarea{min-height:140px}.tn-notice{padding:14px 16px;background:#fff8e9;border:1px solid #eddaa8;border-radius:8px;color:#6d521b}.tn-footer{background:var(--tn-blue-deep);color:#d7e5f8;padding:42px 0;font-size:14px;border-top:4px solid var(--tn-gold)}@media(max-width:900px){.tn-grid{grid-template-columns:repeat(2,1fr)}.tn-header__inner{padding:12px 0}.tn-nav{display:none}.tn-portal-layout{grid-template-columns:1fr}.tn-sidebar{position:static}.tn-sidebar__title{display:none}.tn-sidebar nav{display:flex;overflow:auto}.tn-sidebar a{white-space:nowrap;border-left:0;border-bottom:4px solid transparent}.tn-sidebar a[aria-current='page']{border-bottom-color:var(--tn-gold)}}@media(max-width:600px){.tn-shell{padding:0 18px}.tn-grid{grid-template-columns:1fr}.tn-hero{padding:64px 0}.tn-page{padding:42px 0}.tn-table{display:block;overflow:auto}.tn-brand__logo{width:56px;height:56px}.tn-brand__name{font-size:21px}}
