/*
Theme Name: Lonely Wing Multi (Elementor-Ready, GPL)
Author: LonelyWing
Description: Minimal, fast, GPL-licensed theme tailored for Elementor. Multipage friendly.
Version: 1.1
Text Domain: lonely-wing-multi
License: GPL v2 or later
*/
:root{--accent:#8ec5ff;--bg:#0c1220;--text:#ffffff;--muted:#A7B0C3}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial;background:var(--bg);color:var(--text);line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(12,18,32,0.8);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,0.06)}
.header-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}
.brand{font-weight:700;letter-spacing:.3px}
.nav a{padding:8px 10px;border-radius:10px;transition:background .25s ease}
.nav a:hover{background:rgba(255,255,255,0.06)}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hero .hero-bg{position:absolute;inset:0;background:radial-gradient(1200px 600px at 50% -10%, rgba(120,170,255,0.28), transparent 60%), url('bird-3d-bg.jpg') center/cover no-repeat;filter:brightness(.78)}
.hero .hero-inner{position:relative;z-index:2;text-align:center;padding:2rem}
.hero .title{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;margin:0;text-shadow:0 12px 50px rgba(0,0,0,.55)}
.hero .subtitle{margin-top:.5rem;color:var(--muted);letter-spacing:.8px}
.portal{max-width:1100px;margin:-4rem auto 2rem;padding:0 16px;position:relative;z-index:3}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{background:#0f1729;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:18px;text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.3);border-color:rgba(255,255,255,.16)}
.card .icon{font-size:24px;opacity:.9}
.card h3{margin:10px 0 6px}.card p{margin:0;color:#b6c0d8;font-size:.95rem}
.page-wrap{max-width:1100px;margin:2rem auto;padding:0 16px}
.page-hero{border-radius:18px;padding:42px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08)}
.page-hero h1{margin:0;font-size:clamp(1.8rem,5vw,3rem)}
.site-footer{border-top:1px solid rgba(255,255,255,0.06);text-align:center;padding:16px;color:#aab4cc;font-size:.95rem}
.fade-in{opacity:0;transform:translateY(10px);animation:fadeIn .7s ease forwards}
.fade-in:nth-child(2){animation-delay:.12s}.fade-in:nth-child(3){animation-delay:.18s}.fade-in:nth-child(4){animation-delay:.24s}
@keyframes fadeIn{to{opacity:1;transform:none}}