/* VelaQuant Academy & Macro v1.5 • Premium Market Intelligence
   Presentation-only layer; API, curriculum, analysis and rates remain unchanged. */
:root{--bg:#070b18;--pane:#101e33;--pane2:#192a45;--line:#2b4760;--text:#edf7ff;--muted:#a7bad0;--teal:#23edd0;--orange:#e8b763;--danger:#ff788e;--radius:21px;--font:'Manrope','Inter',ui-sans-serif,system-ui,'Segoe UI',sans-serif;--gold:#f1bc61;--cyan:#4abef7;--violet:#a695ff;--lime:#b4f4a7;--glass:rgba(17,31,51,.84)}
html{background:#070b18}
body{background:radial-gradient(circle at 80% 3%,rgba(0,156,180,.10),transparent 27%),radial-gradient(circle at 30% 68%,rgba(152,106,242,.07),transparent 28%),linear-gradient(155deg,#070b18 0%,#0b1428 54%,#080d1b 100%);color:var(--text);font-size:14px;letter-spacing:.005em}
body:before{content:'';position:fixed;inset:0;opacity:.065;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(129,205,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(129,205,255,.25) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}
.shell{max-width:1860px;position:relative;z-index:1}
.sidebar{width:266px;min-width:266px;padding:28px 14px;background:linear-gradient(180deg,#0c1427ed,#081321f6),url('/static/assets/money-atmosphere.webp') center bottom/cover;border-right:1px solid rgba(91,151,187,.24);box-shadow:14px 0 50px rgba(0,0,0,.15)}
.brand{padding:5px 9px 44px;gap:13px}
.brand-mark{height:53px;width:53px;border-radius:17px;font-size:29px;background:linear-gradient(140deg,#102d3b,#153f44 60%,#443527);box-shadow:inset 0 0 0 1px #51dccd70,0 0 28px #13edbb1a;color:#66f1da}
.brand-mark span{color:var(--gold);font-size:20px;padding-left:1px}
.brand b{font-size:14px;letter-spacing:1.5px;line-height:1.4}
.brand small{font-size:9px;letter-spacing:1.6px;color:var(--gold);font-weight:800;margin-top:3px}
.nav-heading{color:#879db3;letter-spacing:1.65px;font-size:9px}
.nav{min-height:51px;margin:4px 0;border:1px solid transparent;border-radius:13px;font-size:12px;color:#bed0e1;transition:background .24s,border-color .24s,transform .24s,box-shadow .24s}
.nav:hover{background:rgba(52,182,190,.12);border-color:rgba(77,194,221,.27);transform:translateX(2px);color:#f4ffff}
.nav.active{background:linear-gradient(105deg,rgba(18,205,161,.23),rgba(37,130,172,.12));border:1px solid rgba(48,244,192,.38);color:#cefff4;box-shadow:inset 3px 0 #24edbd,0 7px 25px rgba(6,221,174,.07)}
.glyph{font-size:21px;color:var(--cyan)}.nav.active .glyph{color:#5dfddd}
.sidebar-bottom{background:linear-gradient(145deg,rgba(24,61,73,.85),rgba(20,32,58,.88));border:1px solid rgba(45,190,180,.27);box-shadow:0 10px 30px #0002;padding:18px}
.sidebar-bottom p{color:#e6f5ff;font-size:12px;line-height:1.6}.sidebar-bottom small{font-size:10px;color:#93aabe;line-height:1.6}.sidebar-rule{height:1px;background:linear-gradient(90deg,#27cfa080,transparent);margin:14px 0}
main{padding:0 clamp(20px,3.1vw,52px)}
.topbar{height:78px;margin-bottom:28px;border-bottom:1px solid #35516a75}
.crumb{font-size:12px;color:#adc4d8}
.topbar-pill{font-size:9px;letter-spacing:1.45px;font-weight:850;color:var(--gold);border:1px solid #d5a9573f;border-radius:999px;padding:7px 12px;margin-left:20px;background:rgba(215,164,66,.07)}
.usericon{width:38px;height:38px;background:linear-gradient(135deg,#234d55,#19263d);border-color:#6be9d365;box-shadow:0 0 0 4px rgba(37,195,158,.05)}
.ambient.a1{background:#0d9b99;opacity:.20}.ambient.a2{background:#8664bd;opacity:.12}
.screen{min-height:600px;animation:vqIn .35s ease-out both}@keyframes vqIn{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}
h1{letter-spacing:-1.3px;font-size:clamp(29px,3vw,42px)}h2{letter-spacing:-.65px;font-size:22px}h3{font-size:16px}p{line-height:1.66}.eyebrow{color:#6bf6d9;letter-spacing:2.1px;font-size:10px}.eyebrow .sun{box-shadow:0 0 18px #25edcb}
.premium-hero{min-height:405px;padding:48px clamp(24px,4vw,58px);background:linear-gradient(94deg,rgba(6,13,29,.99) 0%,rgba(7,17,34,.97) 29%,rgba(7,14,28,.61) 61%,rgba(8,20,30,.16) 100%),url('/static/assets/market-atmosphere.webp') center right/cover;border:1px solid rgba(58,174,191,.43);box-shadow:0 25px 70px rgba(0,0,0,.28),inset 0 0 80px #071c3028;border-radius:27px}
.premium-hero:after{content:'';position:absolute;inset:0;border-radius:inherit;width:auto;height:auto;right:auto;top:auto;border:0;background:linear-gradient(160deg,transparent 60%,rgba(42,172,176,.09));pointer-events:none}
.hero-copy{width:min(640px,65%);z-index:2}.hero h1{font-size:clamp(31px,4.2vw,58px);line-height:1.06;margin:22px 0 20px;font-weight:900;letter-spacing:-2.3px;text-shadow:0 4px 22px #0009}.hero h1 em{color:#62f5d7;background:linear-gradient(110deg,#64f6d5,#57baff 75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:14px;max-width:535px;color:#c4d9e7;line-height:1.8;margin-bottom:26px}
.hero-actions{gap:12px}.btn{min-height:45px;border-radius:13px;padding:11px 18px;border-color:#47708b9e;transition:transform .2s,box-shadow .2s,background .2s,color .2s;font-weight:800;font-size:12px}.btn:hover{filter:none;transform:translateY(-2px)}.btn.primary{color:#082028;border:0;background:linear-gradient(110deg,#50f3cb,#47c3fd);box-shadow:0 10px 24px #00d9bd25}.btn.primary:hover{box-shadow:0 10px 36px #00d9bd55}.btn.ghost{background:linear-gradient(135deg,rgba(19,42,60,.72),rgba(15,26,51,.84));border:1px solid rgba(116,199,227,.43);color:#e6f9ff}.btn.ghost:hover{background:#18364a}.btn.quiet{color:#c4d3df}.hero-foot{display:flex;gap:9px;align-items:center;margin-top:28px;font-size:9px;color:#b5c9d4;letter-spacing:1.2px}.hero-dot{width:7px;height:7px;border-radius:50%;background:#32f4be;box-shadow:0 0 12px #32f4be}.hero-foot-line{width:28px;height:1px;background:#7ea7aa80}
.premium-visual{width:210px;height:230px;margin-right:3vw;align-self:center;flex-shrink:0}.visual-ring{position:absolute;border:1px solid rgba(53,237,208,.34);border-radius:50%;width:210px;height:210px;box-shadow:0 0 40px #29e2c31a}.visual-ring:after{content:'';position:absolute;inset:17px;border-radius:50%;border:1px dashed #f1bc614b}.ring-two{width:155px;height:155px;border-color:#dfa74880;transform:rotate(25deg)}.ring-two:after{display:none}.visual-token{font-size:77px;font-weight:950;letter-spacing:-15px;color:#8affdb;text-shadow:0 0 33px #55dcb762}.visual-token span{color:var(--gold)}.visual-tag{position:absolute;white-space:nowrap;padding:8px 12px;border:1px solid #64e6cd63;background:rgba(11,36,46,.87);border-radius:12px;font-size:9px;letter-spacing:1px;color:#d7fff4;backdrop-filter:blur(12px)}.tag-a{right:-14px;top:10px}.tag-b{left:-34px;bottom:10px;border-color:#edb66873;color:#ffe7ae}
.feature-section{margin-top:35px}.feature-section>.section-h{margin:0 0 18px}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.feature-card{position:relative;isolation:isolate;overflow:hidden;min-width:0;min-height:243px;padding:18px 15px 16px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#f4faff;background:linear-gradient(180deg,rgba(10,24,40,.45),rgba(9,18,34,.97) 76%),url('/static/assets/market-atmosphere.webp') center/cover;border:1px solid rgba(83,182,201,.34);border-radius:19px;box-shadow:0 12px 24px #0003;transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);border-color:#4cffe1a6;box-shadow:0 16px 40px #0006,0 0 35px #05b9ba12}.feature-card:after{position:absolute;content:'';width:110px;height:110px;right:-48px;top:-55px;border-radius:100%;background:#00e8c655;filter:blur(38px);z-index:-1}.feature-number{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#7cf4e3}.feature-icon{width:44px;height:44px;display:grid;place-items:center;background:rgba(20,162,164,.17);border:1px solid rgba(115,243,235,.34);border-radius:14px;margin-top:17px;margin-bottom:17px;font-size:26px;color:#a7fff6}.feature-card strong{font-size:17px;line-height:1.2;margin-bottom:7px;letter-spacing:-.4px}.feature-desc{font-size:11px;color:#bed0df;line-height:1.55;flex:1}.feature-link{margin-top:14px;font-size:11px;font-weight:800;color:#83ffe4}.feature-calendar{background-image:linear-gradient(180deg,rgba(11,26,49,.48),rgba(7,21,40,.97) 78%),url('/static/assets/macro-atmosphere.webp');border-color:#367abc70}.feature-calendar .feature-number,.feature-calendar .feature-link{color:#7bdcff}.feature-analysis{background-image:linear-gradient(180deg,rgba(22,27,40,.4),rgba(21,21,35,.97) 78%),url('/static/assets/money-atmosphere.webp');border-color:#cba45270}.feature-analysis .feature-number,.feature-analysis .feature-link{color:#ffd18b}.feature-news{background-image:linear-gradient(180deg,rgba(20,17,45,.4),rgba(16,16,38,.97) 78%),url('/static/assets/macro-atmosphere.webp');border-color:#8e7df276}.feature-news .feature-number,.feature-news .feature-link{color:#c7b7ff}.feature-crypto{background-image:linear-gradient(180deg,rgba(25,29,39,.40),rgba(17,20,30,.97) 78%),url('/static/assets/crypto-atmosphere.webp');border-color:#e6b66177}.feature-crypto .feature-number,.feature-crypto .feature-link{color:#ffda96}
.feature-card:nth-child(2) .feature-icon{border-color:#66bffc70;color:#93daff;background:#1677a933}.feature-card:nth-child(3) .feature-icon{border-color:#e6b66177;color:#ffd998;background:#9c743333}.feature-card:nth-child(4) .feature-icon{border-color:#a9a0ff70;color:#c3bbff;background:#5e4fb033}.feature-card:nth-child(5) .feature-icon{border-color:#edb96680;color:#fbd38b;background:#a6813833}
.feature-section+.section-h{margin-top:39px}.stats{gap:15px}.stat,.panel,.module-card,.event-card,.news-card{background:linear-gradient(150deg,rgba(22,39,62,.91),rgba(13,26,44,.92));border:1px solid rgba(90,143,177,.25);box-shadow:0 9px 36px #0001;backdrop-filter:blur(15px)}.panel,.module-card,.stat,.news-card{border-radius:20px}.stat{border-top:2px solid #47d6c45e}.stat:nth-child(2){border-top-color:#57bfff6e}.stat:nth-child(3){border-top-color:#daa75c86}.stat-icon{color:#6beedc}.stat strong{font-size:37px;font-weight:900}.stat small{color:#a9c3d4}.panel{padding:24px}.panel-title{border-bottom-color:#52728a40}.roundnum{background:linear-gradient(135deg,#143e47,#192a40);color:#70fbdc;border:1px solid #2f9e9c50}.text-action{color:#65f4d1}.outlined{border-color:#597c9a;color:#b4e7fa;border-radius:999px}
.page-head{position:relative;overflow:hidden;isolation:isolate;min-height:185px;padding:30px 35px;margin-bottom:24px;border-radius:23px;border:1px solid rgba(87,146,179,.31);background:linear-gradient(93deg,#0a1426 5%,rgba(8,18,34,.96) 45%,rgba(8,17,31,.52) 100%),url('/static/assets/market-atmosphere.webp') center/cover;box-shadow:0 12px 36px #0003}.page-head:after{content:'';position:absolute;right:-15px;bottom:-35px;width:240px;height:150px;background:radial-gradient(circle,rgba(31,207,185,.18),transparent 65%);pointer-events:none;z-index:-1}.page-head>div{z-index:2}.page-head p{max-width:600px;color:#b9cede}.page-head h1{font-size:clamp(28px,3.2vw,39px);margin:10px 0;font-weight:850}.page-head .btn,.page-head .tag{z-index:2;flex-shrink:0}.theme-academy .page-head{background-image:linear-gradient(95deg,#0a1426 8%,rgba(8,18,34,.95) 51%,rgba(8,17,31,.46) 100%),url('/static/assets/academy-atmosphere.webp')}.theme-calendar .page-head{background-image:linear-gradient(95deg,#0a1426 8%,rgba(8,18,34,.93) 53%,rgba(8,17,31,.49) 100%),url('/static/assets/macro-atmosphere.webp')}.theme-analysis .page-head{background-image:linear-gradient(95deg,#0a1426 8%,rgba(8,18,34,.95) 52%,rgba(8,17,31,.45) 100%),url('/static/assets/money-atmosphere.webp')}.theme-news .page-head{background-image:linear-gradient(95deg,#0a1426 8%,rgba(8,18,34,.94) 52%,rgba(8,17,31,.45) 100%),url('/static/assets/market-atmosphere.webp')}.theme-crypto .page-head{background-image:linear-gradient(95deg,#0a1426 8%,rgba(8,18,34,.92) 52%,rgba(8,17,31,.38) 100%),url('/static/assets/crypto-atmosphere.webp')}
.tag{background:#122f3780;border-color:#69d6c55e;color:#96fcdf}.filterbar{gap:18px}.search{background:#121f34;border:1px solid #466781;border-radius:14px;padding:15px 17px;min-height:51px;box-shadow:inset 0 1px 8px #0002}
input,select{accent-color:#25d4bf}input:focus,select:focus{outline:2px solid #51e9d98a;outline-offset:1px}.module-card{padding:24px;transition:transform .2s,border-color .2s}.module-card:hover{transform:translateY(-3px);border-color:#42cdb885}.module-card:nth-child(4n+2){border-top:2px solid #5cc8f288}.module-card:nth-child(4n+3){border-top:2px solid #e6b86688}.module-card:nth-child(4n+4){border-top:2px solid #ac97fc88}.module-icon{width:48px;height:48px;background:#14454366;border:1px solid #53ceb082;border-radius:15px;color:#85ffdf}.module-card h3{font-size:17px}.module-card p{font-size:12px;color:#b1c4d6}.lesson-link{background:#142842;border:1px solid rgba(80,128,160,.20);border-radius:11px;min-height:39px;color:#d8e8f5;transition:border-color .2s,background .2s}.lesson-link:hover{background:#1e3b4f;border-color:#54dfc56b}.lesson-link.done{color:#8effdd}.lesson-modal{background:#030b1ce0}.modal-inner{background:linear-gradient(135deg,#172942,#0d182a);border-color:#5b93a371;border-radius:24px;box-shadow:0 28px 100px #0009}.lesson-example{background:#19454955}.quiz-option{border-radius:12px;background:#172943}.quiz-option:hover{border-color:#53c7ce}.quiz-option.correct{background:#17473c}.quiz-option.wrong{background:#4a2737}
.calendar-toolbar{padding:20px;gap:14px}.calendar-toolbar input,.calendar-toolbar select,.analysis-form input,.analysis-form select{background:#0d1c31;border-color:#42617b;border-radius:12px;min-height:46px}.event-list{gap:12px}.event-card{padding:17px 19px;border-radius:17px;border-left:3px solid #458eab87}.event-card:has(.impact){border-left-color:#e0b6638f}.event-time{color:#ddf8f6;font-size:15px}.event-main h3{font-size:14px}.event-main .impact{color:#fbd08b;font-weight:800}.event-btn{background:#16424385;color:#89ffe2;border:1px solid #54ccb19d;border-radius:11px;font-weight:800}.event-btn:hover{background:#235a59}.event-footer{border-top-color:#4a72804c}.warning{background:#40311e70;border:1px solid #d6a56557;color:#ffd5a4;border-radius:13px}.info-box{background:rgba(20,39,59,.86);border:1px solid #4b6e8555;border-radius:14px;color:#bfd1e0;font-size:12px}.analysis-layout{gap:19px}.analysis-form label{font-size:12px}.field-heading{color:#92ffe0}.result-direction{background:linear-gradient(100deg,#123b45,#192c46);border:1px solid #327d8c59;border-radius:13px}.result-direction b{color:#89f9df}.scenario{background:#11243a90;border-color:#4d688755;border-radius:13px}.scenario small{color:#67dcd2}.news-grid{gap:16px}.news-card{position:relative;overflow:hidden;border-top:2px solid rgba(153,124,239,.52);padding:25px}.news-card:nth-child(3n+2){border-top-color:#58ceda99}.news-card:nth-child(3n+3){border-top-color:#e6bb7699}.news-card:hover{border-color:#68c1ce;transform:translateY(-3px);box-shadow:0 16px 40px #0005}.news-card small{color:#74e8d8}.news-card h3{font-size:17px}.empty{background:rgba(20,40,64,.79);border:1px dashed #6888a460;border-radius:17px;padding:32px;color:#b1c4d4}.footer{border-top:1px solid #3b617b61;color:#8ba6be}.footer-gold{color:#c9aa78}
.crypto-layout{gap:22px}.crypto-main,.crypto-side{background:linear-gradient(145deg,rgba(23,43,63,.92),rgba(14,26,44,.92));border-color:#627c8b66}.crypto-amount,.crypto-select{background:#091a31;border:1px solid #54768b;border-radius:15px;color:#f4fbff}.crypto-amount{font-size:35px;padding:21px}.crypto-select{height:55px}.swap-button{border-radius:15px;background:linear-gradient(135deg,#174f52,#1b4a69);border:1px solid #53ebd0;color:#91ffe0;box-shadow:0 6px 28px #17ddb328}.swap-button:hover{transform:rotate(180deg);background:#26677b}.crypto-presets button{border-radius:10px;min-height:38px;background:#17304a;border-color:#3b6076;color:#cfddf1}.crypto-presets button:hover{background:#1d4855;color:#b7ffee}.crypto-result{background:linear-gradient(125deg,rgba(20,84,76,.94),rgba(17,37,62,.98));border-color:#4de1c4;border-radius:19px;padding:26px}.crypto-big{color:#75ffe2}.crypto-coin{border-color:#39597875}.crypto-rate-line{color:#cee4e5}
button:focus-visible,.nav:focus-visible,a:focus-visible{outline:2px solid #6df2df;outline-offset:3px}
@media(min-width:1440px){.feature-card{min-height:263px;padding:21px 18px}}
@media(max-width:1350px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{min-height:228px}.premium-visual{margin-right:0;width:170px}.visual-ring{width:180px;height:180px}.ring-two{width:130px;height:130px}}
@media(max-width:1180px){.sidebar{width:228px;min-width:228px}.topbar-pill{display:none}.premium-hero{padding:36px}.premium-visual{display:none}.hero-copy{width:100%}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.sidebar{display:none}.topbar{height:65px;margin-bottom:19px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-hero{min-height:320px}.hero-copy{width:100%}.bottom-nav{background:linear-gradient(180deg,rgba(10,24,41,.96),#080f20);border-top:1px solid #4c8c9e80;box-shadow:0 -8px 28px #0006}.bottom-nav button{color:#afc3d9}.bottom-nav button.active{color:#81ffe0;background:#1c5c5b36}.bottom-nav button:focus-visible{outline:2px solid #6df2df}}
@media(max-width:570px){main{padding:0 14px 96px}.mobile-logo{font-size:13px}.topbar{margin-bottom:14px}.premium-hero{min-height:365px;padding:27px 23px;background-position:60% center}.hero h1{font-size:34px;letter-spacing:-1.4px}.hero p{font-size:12px;line-height:1.75}.hero-foot{font-size:8px;flex-wrap:wrap;letter-spacing:.6px}.feature-grid{gap:10px}.feature-card{min-height:227px;padding:14px 12px;border-radius:16px}.feature-card strong{font-size:15px}.feature-number{font-size:8px}.feature-desc{font-size:10px}.feature-link{font-size:10px}.feature-icon{width:40px;height:40px;margin:12px 0;font-size:22px}.page-head{min-height:230px;padding:24px 21px;align-items:flex-start;gap:12px;margin-bottom:16px}.page-head h1{font-size:30px}.page-head p{font-size:12px}.page-head .btn{font-size:11px}.panel{padding:19px}.stats{gap:9px}.stat{border-radius:16px;padding:15px 11px}.stat strong{font-size:25px}.section-h h2{font-size:18px}.hero-actions .btn{font-size:11px;padding:10px 13px}.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr));height:73px}.bottom-nav button{font-size:21px}.bottom-nav button small{font-size:8px;letter-spacing:-.15px}.calendar-toolbar{padding:14px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer{font-size:9px}}
@media(max-width:365px){.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
