body{line-height:1.7;background:var(--light);min-height:100vh;display:flex;flex-direction:column}main{flex:1;width:100%}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary) 100%);color:var(--white);padding:20px;text-align:center}.hero h1{font-size:42px;margin-bottom:14px}.container{max-width:920px;margin:0 auto;padding:40px 20px 80px}.content-text{min-width:0;position:relative}.content-text::after{content:'';display:block;clear:both}.content-text h3:first-of-type{margin-top:18px}.content h2{color:var(--primary);margin-bottom:14px;font-size:28px}.content h1{color:var(--primary);margin-bottom:14px;font-size:28px}.content p{margin-bottom:18px;color:#555}.content h3{color:var(--primary);font-size:22px;margin:18px 0 10px}.content-list{margin:0 0 18px 20px;color:#555}.content-list li{margin-bottom:10px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.tech-tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:rgba(37,53,81,.08);color:var(--primary);font-size:13px;font-weight:700;border:1px solid rgba(37,53,81,.1)}.content-image{float:right;width:min(320px,38%);max-height:260px;height:auto;object-fit:contain;display:block;margin:0 0 12px 24px;border-radius:8px}.content-image.no-radius{border-radius:0}.content-image.content-image-large{width:min(420px,48%);max-height:320px}.btn{margin-top:60px;background:var(--primary);color:var(--white);padding:12px 20px;border-radius:6px}.btn:hover{background:var(--secondary)}@media(max-width:768px){.hero h1{font-size:34px}.content-image{float:none;width:100%;max-width:320px;margin:0 auto 14px;max-height:none}}