/*
Theme Name: Ramsel AI Training
Theme URI: https://ramselcloud.com/
Author: Ramsel Cloud
Description: Dark, animated corporate AI and cloud training theme with course catalogue and contact form.
Version: 1.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: ramsel-ai-training
*/
:root{--bg:#050713;--panel:#0c1023;--line:#23305c;--txt:#f6f8ff;--muted:#a6b2d8;--cyan:#23e4ff;--blue:#5577ff;--violet:#a855f7;--pink:#ff4fd8;--green:#39f6bd;--radius:22px;--shadow:0 24px 80px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 5%,rgba(85,119,255,.16),transparent 30%),radial-gradient(circle at 90% 12%,rgba(168,85,247,.13),transparent 26%),var(--bg);color:var(--txt);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(5,7,19,.76);backdrop-filter:blur(18px);border-bottom:1px solid rgba(126,156,255,.14)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.3px}.brand-mark{width:42px;height:42px;border-radius:13px;background:conic-gradient(from 180deg,var(--cyan),var(--violet),var(--pink),var(--cyan));box-shadow:0 0 32px rgba(35,228,255,.4);position:relative}.brand-mark:after{content:"AI";position:absolute;inset:3px;display:grid;place-items:center;border-radius:11px;background:#080b19;font-weight:900;font-size:13px}.menu{display:flex;align-items:center;gap:28px;font-weight:650;color:#dce3ff}.menu a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 20px;font-weight:800;border:1px solid rgba(255,255,255,.14);transition:.25s}.nav-cta,.btn-primary{color:#040611;background:linear-gradient(100deg,var(--cyan),#7d8cff 58%,#d26aff);box-shadow:0 10px 36px rgba(72,164,255,.28)}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-ghost{background:rgba(255,255,255,.04);color:white}.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden;border-bottom:1px solid rgba(126,156,255,.13)}#neuralCanvas{position:absolute;inset:0;width:100%;height:100%;opacity:.58}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:54px;padding:92px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(35,228,255,.25);background:rgba(35,228,255,.06);border-radius:999px;color:#bdf7ff;font-weight:760;font-size:13px;text-transform:uppercase;letter-spacing:1.2px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}h1,h2,h3{line-height:1.08;margin:0}h1{font-size:clamp(48px,7vw,86px);letter-spacing:-4px;margin:24px 0}.gradient-text{background:linear-gradient(90deg,var(--cyan),#8395ff 48%,#df65ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{font-size:20px;color:var(--muted);max-width:700px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.micro{display:flex;gap:18px;flex-wrap:wrap;color:#ced6f5;font-size:14px}.micro span:before{content:"✓";color:var(--green);margin-right:7px}.ai-orbit{height:510px;position:relative;perspective:900px;display:grid;place-items:center}.orb{width:280px;height:280px;border-radius:50%;position:relative;background:radial-gradient(circle at 34% 28%,#eafdff 0 2%,#56ecff 5%,#4067ff 24%,#7a32ed 50%,#100829 72%);box-shadow:inset -30px -34px 74px #050716,0 0 90px rgba(82,105,255,.58),0 0 160px rgba(168,85,247,.25);animation:float 5s ease-in-out infinite,spin 18s linear infinite}.orb:before,.orb:after{content:"";position:absolute;inset:-54px;border:1px solid rgba(35,228,255,.5);border-radius:50%;transform:rotateX(67deg);box-shadow:0 0 26px rgba(35,228,255,.25)}.orb:after{inset:-92px;border-color:rgba(216,91,255,.36);transform:rotateY(69deg);animation:ring 9s linear infinite}.sat{position:absolute;width:76px;height:76px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.03));border:1px solid rgba(153,182,255,.28);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:grid;place-items:center;font-weight:900;color:var(--cyan);animation:float 5s ease-in-out infinite}.s1{top:55px;right:12px}.s2{bottom:65px;left:10px;animation-delay:-1.2s}.s3{top:150px;left:0;animation-delay:-2.4s}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:42px}.section-head h2{font-size:clamp(38px,5vw,62px);letter-spacing:-2.6px;max-width:780px}.section-head p{max-width:480px;color:var(--muted)}.tech-rail{overflow:hidden;padding:20px 0;border-block:1px solid rgba(126,156,255,.12);background:rgba(255,255,255,.018)}.tech-track{display:flex;width:max-content;gap:14px;animation:marquee 28s linear infinite}.chip{padding:12px 18px;border:1px solid rgba(148,163,255,.18);border-radius:999px;background:#0b1022;color:#dce4ff;font-weight:750}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;padding:32px;border:1px solid rgba(148,163,255,.16);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:0 18px 55px rgba(0,0,0,.22);overflow:hidden;transition:.3s}.card:before{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;background:radial-gradient(circle,rgba(35,228,255,.18),transparent 65%)}.card:hover{transform:translateY(-8px);border-color:rgba(35,228,255,.42);box-shadow:0 24px 80px rgba(26,53,141,.25)}.icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(35,228,255,.18),rgba(168,85,247,.2));border:1px solid rgba(35,228,255,.2);font-size:24px}.card h3{font-size:23px;margin:22px 0 12px}.card p,.card li{color:var(--muted)}.card ul{padding-left:18px;margin:0}.dark-band{background:linear-gradient(120deg,rgba(35,228,255,.06),rgba(168,85,247,.07));border-block:1px solid rgba(126,156,255,.13)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:26px;border-radius:20px;background:rgba(8,11,25,.7);border:1px solid rgba(148,163,255,.17)}.stat b{font-size:35px;color:var(--cyan);display:block}.journey{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:step}.step{counter-increment:step;padding:26px 20px;border-radius:20px;background:#0a0e20;border:1px solid rgba(148,163,255,.14)}.step:before{content:"0" counter(step);font-weight:900;color:var(--pink);font-size:14px}.step h3{margin:18px 0 8px}.cta{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:30px;padding:54px;border-radius:32px;background:radial-gradient(circle at 75% 40%,rgba(35,228,255,.2),transparent 32%),linear-gradient(125deg,#11163a,#251044);border:1px solid rgba(122,145,255,.35);box-shadow:var(--shadow)}.cta h2{font-size:clamp(38px,5vw,64px);letter-spacing:-2px}.site-footer{padding:60px 0 30px;border-top:1px solid rgba(126,156,255,.13);color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer-grid h3{color:white;margin-bottom:16px}.footer-grid a{display:block;margin:8px 0}.copyright{margin-top:40px;padding-top:24px;border-top:1px solid rgba(126,156,255,.11)}
.page-hero{padding:90px 0 48px;text-align:center}.page-hero h1{font-size:clamp(46px,7vw,78px)}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:28px;padding-bottom:100px}.contact-card,.form-panel{padding:38px;border:1px solid rgba(148,163,255,.17);border-radius:26px;background:rgba(12,16,35,.76);box-shadow:var(--shadow)}.contact-item{padding:20px 0;border-bottom:1px solid rgba(148,163,255,.11)}.contact-item:last-child{border:0}.contact-item small{display:block;color:var(--muted)}label{display:block;font-weight:750;margin:0 0 8px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:18px}input,select,textarea{width:100%;padding:15px 16px;border-radius:13px;border:1px solid rgba(148,163,255,.2);background:#070a18;color:white;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(35,228,255,.09)}textarea{min-height:150px;resize:vertical}.notice{padding:14px 18px;border-radius:14px;margin:0 0 20px}.success{background:rgba(57,246,189,.09);border:1px solid rgba(57,246,189,.35);color:#bfffea}.error{background:rgba(255,79,120,.09);border:1px solid rgba(255,79,120,.35);color:#ffd0db}
@keyframes float{50%{transform:translateY(-18px) rotateX(7deg)}}@keyframes spin{to{filter:hue-rotate(360deg)}}@keyframes ring{to{transform:rotateY(429deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.menu{display:none}.hero-grid,.contact-layout,.cta{grid-template-columns:1fr}.ai-orbit{height:390px}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-grid{padding:70px 0}h1{letter-spacing:-2.4px}.section{padding:78px 0}}
@media(max-width:620px){.wrap{width:min(100% - 24px,1180px)}.grid,.stats,.journey,.field-row{grid-template-columns:1fr}.section-head{display:block}.orb{width:210px;height:210px}.ai-orbit{height:330px}.cta{padding:32px}.nav-cta{display:none}}