*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f4f4f9;color:#1a1a2e;line-height:1.5}.app{max-width:960px;margin:0 auto;padding:16px}.hero{text-align:center;padding:48px 16px;background:linear-gradient(135deg,#ff7e5f,#feb47b);border-radius:16px;color:#fff;box-shadow:0 4px 12px #00000026}.hero__icon{font-size:64px;margin-bottom:16px}.hero h1{margin:0 0 8px;font-size:2rem;letter-spacing:-.5px}.hero__subtitle{margin:0;font-size:1.1rem;opacity:.9}section{margin-top:48px}h2{font-size:1.5rem;margin-bottom:16px;color:#2d2d44;border-left:4px solid #ff7e5f;padding-left:12px}.services__grid{display:grid;grid-template-columns:1fr;gap:16px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.card h3{margin:0 0 8px;color:#2d2d44}.card p{margin:0;color:#555}.gallery__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.pattern{aspect-ratio:1;border-radius:8px;background-size:cover;background-position:center;min-height:120px}.pattern--sunset{background:linear-gradient(135deg,#ff6e7f,#bfe9ff)}.pattern--ocean{background:linear-gradient(135deg,#43cea2,#185a9d)}.pattern--forest{background:linear-gradient(135deg,#134e5e,#71b280)}.pattern--city{background:linear-gradient(135deg,#2c3e50,#4ca1af)}.pattern--portrait{background:linear-gradient(135deg,#ee9ca7,#ffdde1)}.pattern--macro{background:linear-gradient(135deg,#fc4a1a,#f7b733)}.gallery__note{text-align:center;margin-top:12px;color:#777;font-style:italic}.contact{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}label{display:block;margin-bottom:16px;font-weight:500}input,textarea{width:100%;padding:12px;margin-top:6px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .2s}input:focus,textarea:focus{outline:none;border-color:#ff7e5f}.submit-btn{background:#ff7e5f;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#e5674b}.error{color:#b00020;margin:8px 0}.success{text-align:center;padding:24px;background:#e8f5e9;border-radius:8px}.success p{margin:0 0 16px}.success button{background:#43a047;border:none;padding:10px 20px;border-radius:6px;color:#fff;cursor:pointer}footer{margin-top:48px;text-align:center;padding:24px 0;border-top:1px solid #ddd;color:#666;font-size:.9rem}footer a{color:#ff7e5f;text-decoration:none}footer a:hover{text-decoration:underline}footer span{display:block;margin-top:4px}@media(min-width:600px){.services__grid{grid-template-columns:repeat(2,1fr)}.app{padding:24px}}@media(min-width:900px){.services__grid{grid-template-columns:repeat(4,1fr)}}