/* Materiais / skills na landing — reaproveita os componentes da plataforma */
:root{--ac-border:rgba(108,160,214,.20);--ac-border-strong:rgba(58,180,255,.38);--ac-green:#16db85;--ac-amber:#f3b847}
.links a.active{color:#fff}.links a.active:after{width:100%}
.sk-shell .dl-btn,.sk-shell .sk-card{color:#e3f1fb}.sk-shell .dl-btn.primary{color:#00121e}
.mt-group{margin-top:8px}
.mt-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.mt-group-head h2{font:800 24px Sora,sans-serif;letter-spacing:-.03em;margin:0}
.mt-group-head span{color:var(--muted);font-size:14px}
.sk-card.empty .go{margin-top:6px}
/* Aba Skills — complementa style.css (usa os tokens --ac-*) */
.sk-shell{max-width:1180px;margin:0 auto;padding:56px 22px 90px}
.sk-head{max-width:760px;margin-bottom:38px}
.sk-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(25,180,255,.34);color:#4ad7ff;background:rgba(1,124,196,.08);padding:7px 12px;border-radius:999px;font:700 10px Sora,sans-serif;letter-spacing:.13em}
.sk-head h1{font:800 clamp(34px,4.6vw,56px)/1.04 Sora,sans-serif;letter-spacing:-.05em;margin:16px 0 14px}
.sk-head h1 span,.sk-hero h1 span{color:#10b8ff}
.sk-head p{color:#a9bad0;font-size:17px;max-width:620px}
.sk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px}
.sk-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:20px;background:linear-gradient(180deg,rgba(11,24,40,.9),rgba(5,13,23,.92));border:1px solid var(--ac-border);overflow:hidden;transition:.3s}
a.sk-card:hover{transform:translateY(-5px);border-color:var(--ac-border-strong);box-shadow:0 26px 60px -24px rgba(0,150,255,.45)}
.sk-card .tag{align-self:flex-start;font:700 9px Sora,sans-serif;letter-spacing:.12em;padding:5px 9px;border-radius:99px;background:rgba(22,219,133,.12);color:var(--ac-green);border:1px solid rgba(22,219,133,.3)}
.sk-card .tag.soon{background:rgba(243,184,71,.1);color:var(--ac-amber);border-color:rgba(243,184,71,.3)}
.sk-card h3{font:700 22px/1.15 Sora,sans-serif;letter-spacing:-.03em;margin:0}
.sk-card p{color:#98abc1;font-size:14.5px;margin:0}
.sk-card .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.sk-card .meta span{font-size:11px;color:#8fa6bf;border:1px solid var(--ac-border);border-radius:8px;padding:4px 8px}
.sk-card .go{color:#2fd0ff;font-weight:700;font-size:14px}
.sk-visual{height:130px;margin:-26px -26px 6px;position:relative;background:radial-gradient(circle at 70% 20%,rgba(16,184,255,.35),transparent 55%),linear-gradient(135deg,#071a30,#04101d);overflow:hidden}
.sk-visual i{position:absolute;border:1px solid rgba(80,210,255,.45);border-radius:14px;background:rgba(10,40,70,.55);backdrop-filter:blur(4px);animation:skfloat 6s ease-in-out infinite}
.sk-visual i:nth-child(1){width:120px;height:74px;left:28px;top:30px;transform:rotate(-6deg)}
.sk-visual i:nth-child(2){width:96px;height:60px;left:130px;top:18px;transform:rotate(5deg);animation-delay:-2s}
.sk-visual i:nth-child(3){width:130px;height:78px;right:24px;top:44px;transform:rotate(-3deg);animation-delay:-4s}
@keyframes skfloat{50%{translate:0 -9px}}
.sk-card.empty{border-style:dashed;align-items:flex-start;justify-content:center;min-height:240px}

/* landing da skill */
.sk-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;padding:20px 0 56px}
.sk-hero h1{font:800 clamp(36px,5vw,62px)/1.02 Sora,sans-serif;letter-spacing:-.055em;margin:18px 0 18px}
.sk-hero .lead{color:#b0c0d4;font-size:18px;max-width:600px;margin-bottom:26px}
.sk-crumb{font-size:13px;color:#7f93a7;margin-bottom:22px}.sk-crumb a{color:#9fb4cc}.sk-crumb a:hover{color:#fff}
.sk-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.sk-badges span{font-size:12px;color:#a7bbd2;border:1px solid var(--ac-border);border-radius:99px;padding:6px 12px;background:rgba(255,255,255,.025)}
.sk-stage{position:relative;aspect-ratio:1/.9;border-radius:26px;border:1px solid var(--ac-border-strong);background:radial-gradient(circle at 70% 15%,rgba(16,184,255,.35),transparent 55%),linear-gradient(145deg,#071a30,#030b16);overflow:hidden;box-shadow:0 50px 100px -30px rgba(0,130,255,.5);perspective:900px}
.sk-stage .layer{position:absolute;border-radius:16px;border:1px solid rgba(80,210,255,.45);background:linear-gradient(160deg,rgba(14,50,86,.8),rgba(5,20,38,.8));box-shadow:0 30px 60px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;font:700 12px Sora,sans-serif;color:#9fe8ff;letter-spacing:.08em;animation:skdepth 7s ease-in-out infinite}
.sk-stage .l1{width:56%;height:34%;left:8%;top:12%;transform:rotateY(18deg) rotateX(8deg)}
.sk-stage .l2{width:50%;height:30%;right:7%;top:30%;transform:rotateY(-16deg) rotateX(6deg);animation-delay:-2.4s}
.sk-stage .l3{width:60%;height:30%;left:16%;bottom:10%;transform:rotateY(12deg) rotateX(-4deg);animation-delay:-4.6s}
@keyframes skdepth{50%{translate:0 -12px}}
.sk-stage .scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#2fd0ff,transparent);animation:scan 4.5s linear infinite;opacity:.7}
@keyframes scan{from{top:-2%}to{top:102%}}

.dl{display:flex;flex-wrap:wrap;gap:12px}
.dl-btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:14px;border:1px solid var(--ac-border-strong);background:linear-gradient(180deg,rgba(8,26,42,.95),rgba(5,14,24,.95));color:#e3f1fb;font-weight:700;font-size:14px;transition:.25s;text-align:left}
.dl-btn:hover{transform:translateY(-2px);border-color:#1dc7ff;box-shadow:0 14px 34px rgba(0,124,200,.25)}
.dl-btn small{display:block;color:#7f93a7;font-weight:500;font-size:11.5px;margin-top:2px}
.dl-btn svg{flex:none}
.dl-btn.primary{background:linear-gradient(135deg,#05bdfa,#078ae9);border-color:#21cfff;color:#00121e}
.dl-btn.primary small{color:#04304a}

.sk-section{padding:60px 0 0}
.sk-section h2{font:800 clamp(26px,3.2vw,38px)/1.1 Sora,sans-serif;letter-spacing:-.04em;margin:0 0 10px}
.sk-section>p.sub{color:#9fb1c7;max-width:640px;margin:0 0 28px}
.sk-feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.sk-feat article,.sk-steps li{padding:22px;border-radius:18px;border:1px solid var(--ac-border);background:rgba(8,19,33,.75)}
.sk-feat h3{font:700 17px Sora,sans-serif;margin:0 0 8px;letter-spacing:-.02em}.sk-feat p{margin:0;color:#97aabf;font-size:14px}
.sk-feat .ic{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(8,184,255,.1);border:1px solid rgba(8,184,255,.28);color:#4fdcff;margin-bottom:14px;font-size:18px}
.sk-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.sk-steps li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start;counter-increment:s}
.sk-steps li:before{content:counter(s);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--ac-border-strong);color:#4fdcff;font:800 16px Sora,sans-serif}
.sk-steps b{display:block;font-size:16px;margin-bottom:3px}.sk-steps span{color:#97aabf;font-size:14px}
.prompt-box{position:relative;border-radius:18px;border:1px solid var(--ac-border-strong);background:#050f1b;overflow:hidden}
.prompt-box header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ac-border);font-size:12px;color:#8fa6bf}
.prompt-box button{cursor:pointer;border:1px solid var(--ac-border-strong);background:rgba(8,184,255,.1);color:#7eefff;border-radius:8px;padding:7px 12px;font-weight:700;font-size:12px}
.prompt-box button:hover{background:rgba(8,184,255,.2)}
.prompt-box pre{margin:0;padding:20px;white-space:pre-wrap;word-break:break-word;font:13px/1.7 Consolas,"Courier New",monospace;color:#bcd0e6;max-height:420px;overflow:auto}
.sk-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;list-style:none;padding:0;margin:0}
.sk-files li{padding:12px 14px;border-radius:12px;border:1px solid var(--ac-border);background:rgba(8,19,33,.7);font:12.5px Consolas,monospace;color:#9fe8ff}
.sk-files li small{display:block;font:11.5px Inter,sans-serif;color:#7f93a7;margin-top:3px}
.sk-note{margin-top:22px;padding:16px 18px;border-radius:14px;border:1px solid rgba(243,184,71,.3);background:rgba(243,184,71,.06);color:#e3cf9c;font-size:13.5px}
.sk-cta{margin-top:70px;padding:40px;border-radius:26px;border:1px solid var(--ac-border-strong);background:radial-gradient(circle at 80% 0,rgba(16,184,255,.22),transparent 60%),linear-gradient(180deg,#0a1b2e,#050f1b);text-align:center}
.sk-cta h2{font:800 clamp(24px,3vw,34px) Sora,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.sk-cta p{color:#a0b3c9;margin:0 0 22px}.sk-cta .dl{justify-content:center}
@media(max-width:900px){.sk-hero{grid-template-columns:1fr;gap:36px}.sk-stage{aspect-ratio:16/10}}
@media(max-width:560px){.sk-shell{padding:36px 16px 70px}.dl-btn{width:100%}.sk-cta{padding:28px 20px}.sk-steps li{grid-template-columns:36px 1fr}}
@media(prefers-reduced-motion:reduce){.sk-visual i,.sk-stage .layer,.sk-stage .scan{animation:none}}