
:root{
 --bg:#02040a; --panel:#050816; --panel2:#090b1c; --line:#3452a6;
 --violet:#d25cff; --violet2:#9e5cff; --blue:#66a7ff; --gold:#ffd45c;
 --gold2:#f7b934; --green:#39ef69; --red:#ff3545; --text:#f3efff; --muted:#bcb8d6;
}
*{box-sizing:border-box}
html,body{margin:0;background:#02040a;color:var(--text);font-family:Georgia,"Times New Roman",serif}
body{
 background:
 radial-gradient(circle at 75% 6%,rgba(91,45,186,.28),transparent 26%),
 radial-gradient(circle at 10% 24%,rgba(28,68,145,.18),transparent 25%),
 linear-gradient(#010208,#040713 55%,#010208);
}
body:before{
 content:"";position:fixed;inset:0;pointer-events:none;z-index:999;
 background:
 repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px),
 radial-gradient(circle at 10% 15%,#fff 0 1px,transparent 1.6px),
 radial-gradient(circle at 65% 12%,#a898ff 0 1px,transparent 1.6px),
 radial-gradient(circle at 86% 33%,#ffd45c 0 1px,transparent 1.4px);
 background-size:auto,140px 140px,180px 180px,210px 210px;opacity:.28
}
a{color:#cfa8ff;text-decoration:none}
a:hover{color:#fff2a4;text-shadow:0 0 8px rgba(255,212,92,.55)}
.topbar{
 height:34px;border-top:1px solid #7480a8;border-bottom:1px solid #2b365f;
 display:flex;align-items:center;justify-content:space-between;padding:0 18px;
 background:#020309;color:#91a6ff;font:14px "Courier New",monospace;letter-spacing:.05em
}
.topbar .mid{color:var(--gold)}
.shell{max-width:1540px;margin:0 auto;padding:0 8px 10px}
.masthead{
 display:grid;grid-template-columns:255px 1fr;gap:0;border-left:1px solid #49527d;border-right:1px solid #49527d
}
.phone-tile{
 min-height:175px;border-right:1px solid #3d4d8c;background:
 radial-gradient(circle at 70% 20%,rgba(150,70,255,.25),transparent 32%),
 linear-gradient(180deg,#070915,#020309);
 display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden
}
.phone-art{width:185px;height:110px;position:relative}
.handset{position:absolute;left:15px;top:2px;width:155px;height:46px;border:11px solid #0a0b10;border-radius:48px 48px 22px 22px;transform:rotate(-3deg);box-shadow:0 0 0 2px #40345c,0 0 16px #4a2879}
.phone-base{position:absolute;left:44px;top:40px;width:100px;height:70px;border-radius:8px;background:linear-gradient(#181725,#030307);border:2px solid #403d54;box-shadow:0 0 18px rgba(140,70,255,.25)}
.phone-screen{margin:13px 12px 4px;border:1px solid #7b6330;color:#ffd65e;padding:4px 3px;text-align:center;font:12px "Courier New",monospace}
.phone-button{margin:3px 15px;padding:5px;background:#160d08;color:#ffe480;border:1px solid #876020;text-align:center;font:bold 12px "Courier New",monospace;box-shadow:0 0 9px rgba(255,192,71,.3)}
.brand-tile{
 min-height:175px;position:relative;overflow:hidden;border-bottom:1px solid #314b89;
 background:
 linear-gradient(90deg,rgba(4,5,13,.84) 0%,rgba(4,5,13,.58) 45%,rgba(4,5,13,.16) 70%,rgba(4,5,13,.35)),
 radial-gradient(circle at 78% 46%,rgba(255,255,255,.9) 0 4px,transparent 5px),
 linear-gradient(180deg,#070714,#08071a 65%,#02040b);
}
.brand-tile:before{
 content:"";position:absolute;inset:0;opacity:.5;
 background:
 radial-gradient(circle at 18% 18%,#fff 0 1px,transparent 1.6px),
 radial-gradient(circle at 33% 48%,#a998ff 0 1px,transparent 1.6px),
 radial-gradient(circle at 58% 20%,#fff 0 1.2px,transparent 1.8px);
 background-size:95px 95px,120px 120px,150px 150px
}
.moon{
 position:absolute;right:8%;top:14px;width:122px;height:122px;border-radius:50%;
 background:
 radial-gradient(circle at 35% 35%,rgba(120,120,160,.35) 0 9px,transparent 10px),
 radial-gradient(circle at 68% 58%,rgba(100,95,145,.28) 0 15px,transparent 16px),
 radial-gradient(circle at 42% 70%,rgba(100,95,145,.2) 0 10px,transparent 11px),
 radial-gradient(circle at 40% 35%,#fffde8 0,#e6e0ff 48%,#aaa1d8 72%,#6d6498 100%);
 box-shadow:0 0 18px #b49cff,0 0 45px rgba(146,116,255,.4)
}
.poles{position:absolute;right:0;bottom:0;width:95px;height:90px}
.poles:before,.poles:after{content:"";position:absolute;background:#06060b}
.poles:before{width:8px;height:78px;right:34px;bottom:0}
.poles:after{height:6px;width:75px;right:0;top:26px;box-shadow:0 16px 0 #06060b}
.brand-copy{position:relative;z-index:2;padding:19px 45px}
.brand-script{font:italic 34px cursive;color:#cb70ff;text-shadow:0 0 10px #7a34aa;margin-bottom:-8px}
.brand-title{font-size:66px;line-height:.95;color:#ffd970;letter-spacing:.025em;text-shadow:0 0 5px #fff0ae,0 0 12px #f39a28,0 0 24px rgba(238,120,20,.45)}
.brand-sub{margin-top:11px;color:#b99cff;font-size:20px;font-weight:bold;letter-spacing:.04em}
.nav{
 display:grid;grid-template-columns:repeat(6,max-content) 1fr;gap:5px;padding:5px 6px;background:#02040a;border:1px solid #304a8e;border-top:none
}
.nav a{padding:8px 14px;border:1px solid #27468c;background:linear-gradient(#0d1028,#050714);font:15px "Courier New",monospace;color:#c7ccff;box-shadow:inset 0 0 0 1px rgba(96,120,255,.12)}
.nav a.active,.nav a:hover{color:#fff2a0;border-color:#d3a125;box-shadow:0 0 8px rgba(255,205,70,.3),inset 0 0 10px rgba(95,54,186,.24)}
.grid{display:grid;grid-template-columns:255px minmax(0,1fr) 275px;gap:9px;margin-top:8px}
.panel{border:1px solid #405293;background:linear-gradient(180deg,rgba(4,6,15,.96),rgba(2,3,10,.98));box-shadow:inset 0 0 22px rgba(30,38,86,.13)}
.panel-title{padding:9px 12px;border-bottom:1px solid #3a4c8b;color:#c56dff;font:20px "Courier New",monospace;text-align:center;text-shadow:0 0 8px rgba(205,92,255,.45)}
.side-card{margin-bottom:10px}
.side-card .body{padding:12px}
.for-you{height:104px;display:flex;align-items:center;justify-content:center;text-align:center;font:18px "Courier New",monospace;color:#aeb7ff;line-height:1.15}
.for-you b{display:block;font:italic 36px cursive;color:#dc62ff;text-shadow:0 0 12px rgba(218,98,255,.7)}
.topic a{display:flex;gap:10px;align-items:center;padding:8px 10px;border-top:1px solid #2d3d73;color:#d36dff;font-size:16px}
.topic a span:first-child{width:20px;color:#ffd65a}
.offer{text-align:center;padding:14px 11px}
.offer .big{font:36px "Courier New",monospace;color:#ffd95e;text-shadow:0 0 11px rgba(255,185,55,.55)}
.offer .free{font-size:46px;color:#ffd76b;text-shadow:0 0 8px #ffb43d}
.offer small{display:block;color:#bf8cff;margin-top:10px}
.hero{min-height:438px;position:relative;overflow:hidden;background:
 linear-gradient(90deg,rgba(4,5,13,.97),rgba(4,5,13,.8) 46%,rgba(4,5,13,.08) 77%),
 linear-gradient(180deg,#0a0e28 0%,#12113a 55%,#050813 100%);
}
.hero:before{
 content:"";position:absolute;right:0;top:0;width:54%;height:100%;
 background:
 radial-gradient(circle at 72% 20%,rgba(190,170,255,.18),transparent 18%),
 linear-gradient(180deg,rgba(14,13,50,.1),rgba(6,8,20,.55)),
 radial-gradient(circle at 50% 100%,rgba(63,54,160,.35),transparent 40%);
 clip-path:polygon(0 0,100% 0,100% 100%,12% 100%);
 border-left:1px solid rgba(91,77,190,.25)
}
.lighthouse{position:absolute;right:11%;bottom:56px;width:58px;height:165px;background:#070811;border:1px solid #262d54;z-index:1}
.lighthouse:before{content:"";position:absolute;left:-15px;top:-24px;width:86px;height:26px;background:#090a10;clip-path:polygon(50% 0,100% 100%,0 100%)}
.light{position:absolute;left:9px;top:10px;width:38px;height:32px;background:#ffd26a;box-shadow:0 0 18px #ffd26a,0 0 65px 30px rgba(255,210,106,.18)}
.sea{position:absolute;right:0;left:44%;bottom:0;height:130px;background:linear-gradient(#11102d,#070914);clip-path:polygon(0 58%,22% 42%,47% 67%,67% 48%,100% 60%,100% 100%,0 100%)}
.hero-copy{position:relative;z-index:2;padding:17px 25px 15px}
.hero-copy h2{margin:0;color:#ce6dff;font:24px "Courier New",monospace}
.hero-copy h1{font-size:27px;color:#ffe27b;margin:11px 0 8px;max-width:620px}
.hero-copy p{font-size:18px;line-height:1.45;margin:0 0 18px;max-width:660px}
.cta-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.cta-box{border:1px solid #4b68bb;background:rgba(3,5,14,.92);padding:16px;text-align:center;border-radius:10px;box-shadow:0 0 16px rgba(69,85,190,.12)}
.cta-box h3{margin:0;color:#c86cff;font-size:25px}
.cta-box .call{font-size:28px;color:#ffd55d;font-weight:bold;margin-top:8px}
.cta-box .free5{font-size:22px;color:#b866ff}
.btn{display:inline-block;margin-top:10px;padding:9px 18px;border:1px solid #8a43d8;background:linear-gradient(#3a0f61,#19052f);color:#eee4ff;font:17px "Courier New",monospace;box-shadow:0 0 10px rgba(154,70,255,.25)}
.ticker{padding:9px 12px;border-top:1px solid #284b95;border-bottom:1px solid #284b95;background:#02040a;color:#ffd45c;text-align:center;font:17px "Courier New",monospace;letter-spacing:.08em}
.advisors{margin-top:8px}
.advisor-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #375192;color:#d46eff;font:18px "Courier New",monospace}
.advisor-grid{display:grid;grid-template-columns:repeat(2,1fr)}
.advisor{display:grid;grid-template-columns:95px 1fr;min-height:164px;border-right:1px solid #385297}
.advisor:last-child{border-right:0}
.avatar{position:relative;background:
 radial-gradient(circle at 50% 22%,#dcd8ff 0 10px,transparent 11px),
 linear-gradient(180deg,#111a41,#050712);overflow:hidden}
.avatar:before{content:"";position:absolute;left:27px;top:44px;width:42px;height:42px;border-radius:50%;background:#05060c}
.avatar:after{content:"";position:absolute;left:12px;bottom:0;width:70px;height:76px;border-radius:40px 40px 0 0;background:#05060c}
.advisor-info{padding:11px}
.advisor-info h4{margin:0;color:#d16eff;font-size:18px}
.status{font:13px "Courier New",monospace;margin-top:8px}.on{color:var(--green)}.busy{color:var(--gold)}.off{color:var(--red)}
.right .panel{margin-bottom:10px}
.steps .step{display:grid;grid-template-columns:36px 1fr;gap:8px;padding:10px 12px;border-bottom:1px dotted #315096}
.steps .step b{color:#ffd45c}
.promise{text-align:center;padding:12px;line-height:1.35;color:#bfc5ef}
.lotus{font-size:50px;color:#ff67da;text-shadow:0 0 14px rgba(255,103,218,.6);text-align:center}
.privacy{padding:15px;color:#65ffc4;font:16px "Courier New",monospace}
.footer{margin-top:9px;border:1px solid #303f73;padding:14px;background:#03050d;text-align:center;color:#aea8cf;font-size:14px}
.footer nav{margin-bottom:9px}
.footer nav a{margin:0 8px}
.content-page{padding:18px}
.content-page h1{color:#d66cff;font:28px "Courier New",monospace;margin-top:0}
.content-page h2{color:#ffd65b}
.content-page p,.content-page li{line-height:1.55}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.card{border:1px solid #3e5798;background:#050817;padding:14px}
.card h3{color:#c96cff;margin-top:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,textarea,select{width:100%;padding:10px;background:#030511;border:1px solid #485c9b;color:#fff;margin-top:5px}
textarea{min-height:130px}
@media(max-width:1100px){
 .masthead{grid-template-columns:190px 1fr}.phone-tile{min-height:150px}.brand-tile{min-height:150px}.brand-title{font-size:52px}.moon{width:100px;height:100px}
 .grid{grid-template-columns:210px 1fr}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.right .panel{margin:0}
}
@media(max-width:760px){
 .topbar .mid,.topbar .righttime{display:none}.masthead{grid-template-columns:1fr}.phone-tile{display:none}.brand-copy{padding:18px}.brand-title{font-size:43px}.brand-sub{font-size:15px}.moon{right:3%;width:82px;height:82px}
 .nav{grid-template-columns:repeat(2,1fr)}.nav a{text-align:center}
 .grid{grid-template-columns:1fr}.left{order:2}.center{order:1}.right{order:3;display:block}.right .panel{margin-bottom:9px}
 .cta-row{grid-template-columns:1fr}.advisor-grid{grid-template-columns:1fr 1fr}.advisor{border-bottom:1px solid #385297}
 .cards,.form-row{grid-template-columns:1fr}.hero{min-height:auto}.hero:before,.lighthouse,.sea{opacity:.45}.hero-copy{padding:18px}.hero-copy h1{font-size:23px}
}
@media(max-width:480px){.advisor-grid{grid-template-columns:1fr}.brand-title{font-size:34px}.brand-script{font-size:26px}.moon{opacity:.55}}

.page-center{padding:0}.content-page{min-height:620px}.content-page .intro{font-size:18px;color:#d9d5ed}.content-page section{padding:10px 0;border-bottom:1px dotted #315096}.content-page .tag{font:13px "Courier New",monospace;color:#ffd45c}.profile-wrap{display:grid;grid-template-columns:145px 1fr;gap:18px}.profile-wrap .avatar{height:205px;border:1px solid #405293}.advisor-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advisor-list .advisor{border:1px solid #385297;min-height:190px}.notice-box{border:1px solid #876020;background:#160d08;padding:12px;color:#ffe480;font-family:"Courier New",monospace}.contact-form label{display:block;margin:10px 0;color:#c96cff}.contact-form button{cursor:pointer}.error-page{text-align:center;padding:70px 20px}.error-page .code{font:72px "Courier New",monospace;color:#ffd45c;text-shadow:0 0 14px #f39a28}@media(max-width:760px){.profile-wrap,.advisor-list{grid-template-columns:1fr}.profile-wrap .avatar{max-width:180px}}
.avatar.symbol-avatar{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(116,82,205,.42),transparent 42%),linear-gradient(180deg,#111a41,#050712);isolation:isolate}
.avatar.symbol-avatar:before,.avatar.symbol-avatar:after{content:none}
.symbol-avatar span{position:relative;z-index:2;color:#ffd45c;font:58px Georgia,serif;text-shadow:0 0 8px #fff0ae,0 0 18px #f39a28}
.mateo-symbol span{color:#d9ccff;text-shadow:0 0 10px #9e5cff,0 0 22px #6746d9}
.mateo-symbol i{position:absolute;margin:-45px 0 0 48px;color:#ffd45c;font:22px Georgia,serif;text-shadow:0 0 10px #f7b934}
