.ctf-page{background:var(--bg-dark);color:var(--white);padding:70px 16px}.ctf-page-title{color:var(--cyan);margin-bottom:16px;font-size:2rem}.ctf-page-intro{max-width:720px;color:var(--gray);margin-bottom:32px;line-height:1.7}.ctf-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.page-ctfs{padding:80px 24px}.page-ctfs .page-header{max-width:960px;margin:0 auto 32px}.page-ctfs .page-header h1{color:var(--white,#f9fafb);margin-bottom:8px;font-size:2.6rem;font-weight:800}.page-ctfs .page-header p{color:var(--gray,#9ca3af);font-size:1rem}.ctf-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.ctf-card{background:var(--bg-elevated,#050b14);border:1px solid #38bdf814;border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 14px 35px #0000008c}.ctf-card:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 20px 45px #000000b3}.ctf-card-thumb{background:radial-gradient(circle at top,#312e81,#020617);width:100%;overflow:hidden}.ctf-card-thumb img{object-fit:cover;width:100%;height:200px;display:block}.ctf-card-body{flex-direction:column;gap:10px;padding:18px 20px 22px;display:flex}.ctf-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ctf-card-header h3{color:var(--white,#f9fafb);font-size:1.1rem;font-weight:700}.ctf-badge{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98159;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.ctf-card-meta{color:#a5b4fc;font-size:.85rem}.ctf-card-summary{color:var(--gray,#9ca3af);font-size:.9rem;line-height:1.4}.ctf-card-link{color:#0f172a;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:999px;align-self:flex-start;margin-top:8px;padding:7px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 8px 20px #38bdf859}.ctf-card-link:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 25px #38bdf880}.page-ctf-post{justify-content:center;padding:80px 16px;display:flex}.ctf-post-article{background:radial-gradient(circle at 0 0,#020617,#020617 35%,#020617);border:1px solid #38bdf833;border-radius:24px;width:100%;max-width:880px;padding:28px 26px 32px;box-shadow:0 18px 50px #000000b3}.breadcrumb{margin-bottom:12px}.breadcrumb a{color:#38bdf8;font-size:.85rem;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.ctf-post-header{margin-bottom:18px}.ctf-post-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#a5b4fc;margin-bottom:4px;font-size:.85rem}.ctf-post-header h1{color:#f9fafb;margin-bottom:8px;font-size:1.8rem;font-weight:800}.ctf-post-header .ctf-badge{color:#bfdbfe;background:#3b82f62e;border-color:#38bdf880}.ctf-post-body{color:#e5e7eb;margin-top:10px;font-size:.98rem;line-height:1.75}.ctf-post-body p+p{margin-top:10px}.ctf-post-body p:first-child{font-size:1.02rem;font-weight:500}.ctf-post-body p strong{color:#f97316}.navbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020817dd;border-bottom:1px solid #38bdf840;width:100%;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.navbar-logo{color:#e5f4ff;align-items:center;gap:.3rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.logo-code{color:#22d3ee;font-weight:900}.logo-text{letter-spacing:.04em}.navbar-links{gap:1.7rem;font-size:.95rem;display:flex}.nav-link{color:#a5b4fc;padding-bottom:.15rem;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,#22d3ee,#4ade80);border-radius:999px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-.25rem;left:0}.nav-link:hover,.nav-link-active{color:#e5f4ff}.nav-link-active:after{width:100%}@media (max-width:768px){.navbar-inner{padding-inline:1rem}.navbar-links{gap:1rem;font-size:.85rem}}.footer{background:radial-gradient(circle at 0 0,#0f172a 0,#020617 65%);border-top:1px solid #1e40afb3;margin-top:4rem}.footer-inner{text-align:center;max-width:1120px;margin:0 auto;padding:1.4rem 1.5rem 1.6rem}.footer-main{color:#cbd5f5;margin-bottom:.25rem;font-size:.85rem}.footer-sub{color:#64748b;font-size:.78rem}.hero{max-width:900px;margin:0 auto;padding:4rem 1.5rem 3rem}.hero-kicker{letter-spacing:.18em;text-transform:uppercase;color:#38bdf8;margin-bottom:.9rem;font-size:.8rem}.hero-title{color:#e5f4ff;margin-bottom:.9rem;font-size:clamp(2.5rem,4vw,3.3rem);font-weight:800;line-height:1.1}.hero-title span{color:#22d3ee}.hero-subtitle{color:#a5b4fc;margin-bottom:.8rem;font-size:1rem}.hero-body{color:#cbd5f5;max-width:46rem;margin-bottom:1.8rem;font-size:.96rem}.hero-actions{flex-wrap:wrap;gap:.85rem;display:flex}.btn{cursor:pointer;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;padding:.6rem 1.4rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform 80ms}.btn-primary{color:#020617;background:linear-gradient(90deg,#22d3ee,#4ade80);border-color:#0000}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-outline{color:#e5f4ff;background:0 0;border-color:#94a3b8b3}.btn-outline:hover{color:#22d3ee;border-color:#22d3ee}@media (max-width:640px){.hero{padding-top:3rem}.hero-actions{flex-direction:column;align-items:flex-start}.btn{width:auto}}.about-section{background:var(--bg-light);color:var(--white);padding:70px 16px}.about-title{color:var(--cyan);margin-bottom:24px;font-size:1.9rem}.about-text{max-width:750px;color:var(--gray);margin-bottom:14px;line-height:1.7}.cert-page{background:var(--bg-dark);color:var(--white);padding:70px 16px}.cert-page-title{color:var(--cyan);margin-bottom:16px;font-size:2rem}.cert-page-intro{max-width:720px;color:var(--gray);margin-bottom:32px;line-height:1.7}.cert-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.cert-card{background:var(--card-bg);border:1px solid #12d6df1a;border-radius:14px;padding:18px 18px 16px;box-shadow:0 10px 25px #00000059}.cert-header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.cert-title{font-size:1.05rem}.cert-provider{color:var(--gray);margin-bottom:6px;font-size:.9rem}.cert-meta{color:var(--gray);margin-bottom:10px;font-size:.85rem}.cert-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 10px;font-size:.75rem}.cert-badge.done{color:var(--cyan);border:1px solid var(--cyan);background:#12d6df2e}.cert-badge.progress{color:#ffc107;background:#ffc10726;border:1px solid #ffc107}.cert-image-wrapper{margin:10px 0 12px}.cert-image{border:1px solid #ffffff14;border-radius:10px;width:100%}.cert-link-button{border:1px solid var(--cyan);color:var(--cyan);border-radius:999px;margin-top:4px;padding:6px 14px;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-block}.cert-link-button:hover{background:var(--cyan);color:#000}.infra-page{background:var(--bg-dark);color:var(--white);padding:70px 16px}.infra-page-title{color:var(--cyan);margin-bottom:16px;font-size:2rem}.infra-page-intro{max-width:720px;color:var(--gray);margin-bottom:32px;line-height:1.7}.infra-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto;display:grid}.infra-card{background:var(--bg-elevated,#050b14);border:1px solid #38bdf814;border-radius:18px;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 14px 35px #0000008c}.infra-card:hover{border-color:#38bdf866;transform:translateY(-4px);box-shadow:0 20px 45px #000000b3}.infra-card-thumb img{object-fit:cover;width:100%;height:200px}.infra-card-body{flex-direction:column;gap:10px;padding:18px 20px;display:flex}.infra-card-header{justify-content:space-between;align-items:flex-start;display:flex}.infra-card-header h3{color:var(--white);font-size:1.1rem;font-weight:700}.infra-badge{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98159;border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:600}.infra-meta{color:#a5b4fc;font-size:.85rem}.infra-summary{color:var(--gray);font-size:.9rem}.infra-card-link{color:#0f172a;background:linear-gradient(135deg,#22d3ee,#a855f7);border-radius:999px;align-self:flex-start;margin-top:8px;padding:7px 16px;font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 8px 20px #38bdf859}.infra-card-link:hover{filter:brightness(1.05);transform:translateY(-1px)}.infra-card-thumb img{object-fit:contain;background:#0a0f1a;width:100%;height:160px;padding:.9px}@media (max-width:768px){.infra-page-title,.infra-page-intro{text-align:center}}:root{--bg-dark:#0a1a2f;--bg-light:#121e2f;--card-bg:#0f1624;--cyan:#12d6df;--white:#fff;--gray:#a4aab8;--font-main:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-main);background:var(--bg-dark);color:var(--white);margin:0}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}