body,html{margin:0;padding:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#e3f0ff 0%,#f8fcff 100%);color:#232946}.main-bg{min-height:100vh;display:flex;flex-direction:column}.navbar{background:#fff;box-shadow:0 2px 8px #2c3e500f;padding:1rem 2rem;font-size:1.4rem;font-weight:700;color:#3b4cca;letter-spacing:.5px;display:flex;align-items:center}.navbar-title{display:flex;align-items:center;gap:.5rem}.container{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem 1.5rem;display:flex;flex-direction:column;gap:2rem}.hero{text-align:center;margin-bottom:1.5rem}.hero-title{font-size:2.6rem;color:#3b4cca;margin-bottom:.5rem;font-weight:700}.hero-desc{font-size:1.25rem;color:#555;margin-bottom:1.5rem}.generate-btn{background:linear-gradient(90deg,#3b4cca 0%,#5f8cff 100%);color:#fff;font-size:1.1rem;border:none;border-radius:28px;padding:.85rem 2.4rem;font-weight:600;cursor:pointer;transition:background .2s,transform .2s;outline:none;box-shadow:0 2px 8px #2c3e5017}.generate-btn:active{transform:scale(.98)}.generate-btn:disabled{background:#b2c6f6;cursor:not-allowed}.gallery-section{margin-top:1.5rem}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.3rem;justify-items:center}@media (min-width: 900px){.gallery{grid-template-columns:repeat(4,1fr)}}@media (max-width: 600px){.gallery{grid-template-columns:repeat(2,1fr);gap:.7rem}}.gallery-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #2c3e5012;overflow:hidden;display:flex;flex-direction:column;align-items:center;transition:transform .13s;cursor:pointer;min-width:160px;max-width:260px}.gallery-card:hover{transform:translateY(-4px) scale(1.03)}.gallery-img{width:100%;height:150px;object-fit:cover;display:block;border-bottom:1px solid #e6eaf2}@media (min-width: 900px){.gallery-img{height:140px}}@media (max-width: 600px){.gallery-img{height:90px}}.gallery-caption{padding:.7rem 1rem;font-size:1.07rem;font-weight:500;color:#3b4cca;text-align:center}.error-msg{color:#d7263d;font-weight:600;text-align:center;grid-column:1 / -1}.use-cases-section{background:#f4f8fe;border-radius:18px;padding:2rem 1.5rem 1.5rem;margin-bottom:1.5rem}.use-cases-section h2{text-align:center;color:#3b4cca;font-size:2rem;margin-bottom:1.2rem}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.2rem;margin-top:1rem}.use-case{background:#fff;border-radius:14px;box-shadow:0 2px 8px #2c3e5012;padding:1.1rem 1rem;text-align:center;font-size:1.07rem}.use-case h3{margin:.7rem 0 .4rem;color:#3b4cca;font-size:1.15rem}.about-section{background:#fff;border-radius:18px;box-shadow:0 2px 10px #2c3e500f;padding:2rem 1.5rem 1.5rem;margin-bottom:1.5rem}.about-section h2{text-align:center;color:#3b4cca;font-size:2rem;margin-bottom:1.2rem}.about-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.about-left,.about-right{flex:1 1 320px;min-width:260px}.about-left h3,.about-right h3{color:#3b4cca;font-size:1.15rem;margin-bottom:.7rem}.about-left ul,.about-right ul{margin:.7rem 0 0 1.1rem;padding:0;font-size:1.07rem}.footer{background:#3b4cca;color:#fff;padding:1.2rem 0;text-align:center;font-size:1.03rem;margin-top:auto}.footer-content{max-width:1100px;margin:0 auto;padding:0 1rem}@media (max-width: 700px){.container{padding:1.2rem .2rem 1rem}.about-content{flex-direction:column;gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(36,43,66,.78);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:#fff;border-radius:18px;box-shadow:0 8px 32px #2c3e5029;padding:1.2rem 1.2rem .7rem;max-width:92vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-img{max-width:72vw;max-height:65vh;border-radius:10px;margin-bottom:.7rem;box-shadow:0 2px 16px #2c3e501a}.modal-caption{font-size:1.15rem;color:#3b4cca;margin-bottom:.6rem;text-align:center}.modal-close{position:absolute;top:.7rem;right:1.1rem;background:none;border:none;font-size:2.1rem;color:#3b4cca;cursor:pointer}.modal-prev,.modal-next{position:absolute;top:48%;background:#fff;border:none;font-size:2rem;color:#3b4cca;cursor:pointer;border-radius:50%;width:2.5rem;height:2.5rem;box-shadow:0 2px 8px #2c3e501a;display:flex;align-items:center;justify-content:center;opacity:.85;transition:background .17s}.modal-prev:hover,.modal-next:hover{background:#e3f0ff}.modal-prev{left:-1.6rem}.modal-next{right:-1.6rem}@media (max-width: 900px){.modal-img{max-width:92vw;max-height:45vh}.modal-prev,.modal-next{top:41%;width:1.9rem;height:1.9rem;font-size:1.4rem;left:-.9rem;right:-.9rem}}