:root{--ig-indigo:#515BD4;--ig-purple:#833AB4;--ig-pink:#E1306C;--ig-orange:#F56040;--ig-yellow:#FCAF45}.btn-primary{border:0;color:#fff;background-image:linear-gradient(45deg,var(--ig-indigo),var(--ig-purple),var(--ig-pink),var(--ig-orange),var(--ig-yellow));background-size:200% 200%;transition:background-position .25s ease,filter .2s ease}.btn-primary:hover,.btn-primary:focus{color:#fff;background-position:100% 0;filter:brightness(.95)}.btn-primary:active{filter:brightness(.9)}.btn-dark{border:0;color:#fff;background-image:linear-gradient(45deg,var(--ig-purple),var(--ig-pink),var(--ig-orange))}.btn-dark:hover{color:#fff;filter:brightness(.95)}.hero-full{width:100%;padding:64px 0;background:#fafafa;border-bottom:1px solid #eee}.hero-full .inner{max-width:1200px;margin:0 auto;padding:0 16px;display:grid;gap:24px;grid-template-columns:1fr;align-items:center}.page-detail{max-width:900px;margin:0 auto;padding:48px 16px}.page-detail h1{font-size:clamp(2rem,2.5vw + 1rem,3rem);font-weight:700;margin-bottom:24px;text-align:center;background:linear-gradient(45deg,var(--ig-indigo),var(--ig-purple),var(--ig-pink),var(--ig-orange),var(--ig-yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-detail .content{font-size:1.125rem;line-height:1.8;color:#333}.page-detail .content a{color:var(--ig-pink);text-decoration:none;font-weight:500;transition:color 0.2s ease}.page-detail .content a:hover{color:var(--ig-orange)}.page-detail .content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,0.05);margin:24px 0}.page-detail .content ul,.page-detail .content ol{padding-left:1.5rem;margin-bottom:1.5rem}.page-detail .content blockquote{border-left:4px solid var(--ig-purple);padding-left:1rem;font-style:italic;color:#555;margin:1.5rem 0}.page-detail .content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.page-detail .content th,.page-detail .content td{border:1px solid #ddd;padding:0.75rem}@media (min-width:992px){.hero-full .inner{grid-template-columns:1.1fr 0.9fr}}.hero-illustration{position:relative}.hero-illustration img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.08)}.hero-title{font-size:clamp(2rem,2.5vw + 1rem,3rem);line-height:1.15;margin:0 0 .5rem 0}.hero-subtitle{color:#6c757d;margin-bottom:1rem}a,a:hover,a:focus{text-decoration:none}@media (max-width:576px){.page-detail{padding:32px 12px}.page-detail h1{font-size:1.75rem}}