@@ خط ۷۹: / خط ۷۹: @@
 </body>
+<style>
+*{
+margin:0;
+padding:0;
+box-sizing:border-box;
+}
+body{
+font-family:'Vazirmatn',sans-serif;
+background:#f2f6fb;
+display:flex;
+justify-content:center;
+padding:40px 15px;
+}
+.production{
+width:100%;
+max-width:550px;
+}
+.container{
+background:linear-gradient(180deg,#1f3f97,#6cbcff);
+border-radius:35px;
+padding:35px 25px 0;
+position:relative;
+overflow:hidden;
+box-shadow:0 15px 40px rgba(0,0,0,.15);
+}
+h1{
+color:#fff;
+font-size:34px;
+font-weight:700;
+text-align:center;
+margin-bottom:35px;
+}
+.steps{
+display:flex;
+flex-direction:column;
+gap:18px;
+}
+.step{
+background:rgba(255,255,255,.12);
+border:2px solid rgba(255,255,255,.8);
+border-radius:18px;
+padding:18px;
+text-align:center;
+color:#fff;
+font-size:21px;
+transition:.3s;
+backdrop-filter:blur(4px);
+}
+.step:hover{
+background:#fff;
+color:#1d4ca1;
+transform:translateY(-4px);
+}
+.image-box{
+margin-top:35px;
+display:flex;
+justify-content:center;
+}
+.image-box img{
+width:65%;
+max-width:280px;
+display:block;
+}
+.logo{
+display:flex;
+justify-content:center;
+margin-top:25px;
+}
+.logo img{
+width:120px;
+background:white;
+padding:12px;
+border-radius:18px 18px 0 0;
+}
+/* ---------- Tablet ---------- */
+@media(max-width:768px){
+.container{
+padding:30px 18px 0;
+}
+h1{
+font-size:28px;
+}
+.step{
+font-size:18px;
+padding:15px;
+}
+.image-box img{
+width:72%;
+}
+}
+/* ---------- Mobile ---------- */
+@media(max-width:480px){
+body{
+padding:15px;
+}
+.container{
+border-radius:25px;
+padding:22px 15px 0;
+}
+h1{
+font-size:22px;
+}
+.step{
+font-size:15px;
+padding:13px;
+border-radius:14px;
+}
+.logo img{
+width:90px;
+}
+.image-box img{
+width:80%;
+}
+}
+/* ---------- Large Screen ---------- */
+@media(min-width:1400px){
+.production{
+max-width:650px;
+}
+h1{
+font-size:40px;
+}
+.step{
+font-size:23px;
+}
+}
+</style>
 </html>

الگو:کانتینر متن/دماوند پلیمر: تفاوت میان نسخه‌ها