*{box-sizing:border-box}
        body{
            text-align:center;direction:rtl;
            font-family:IRANSansX,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
            background:#f4f6ff;margin:0;color:#333
        }
        .container{max-width:1100px;margin:0 auto;padding:0 16px}
        .main-header{
            position:sticky;top:0;z-index:1000;
            background:linear-gradient(135deg,#4f46e5,#0ea5e9,#22c55e);
            padding:8px 0 10px;
            box-shadow:0 6px 18px rgba(15,23,42,.35)
        }
        .main-header>.container{
            background:#fff;border-radius:18px;
            padding:8px 12px;
            display:flex;align-items:center;justify-content:flex-end;gap:10px;
            box-shadow:0 8px 20px rgba(15,23,42,.16)
        }
        .nav-buttons{
            display:flex;align-items:center;gap:6px;
            flex-wrap:wrap;justify-content:flex-end;width:100%
        }
        .button,#openMenu{
            display:inline-flex;align-items:center;justify-content:center;
            padding:7px 14px;border-radius:999px;
            border:1px solid #e5e7eb;background:#fff;color:#111827;
            font-size:.85rem;text-decoration:none;cursor:pointer;
            transition:.12s
        }
        #openMenu{
            background:#eef2ff;color:#4f46e5;border-color:transparent;font-size:.9rem
        }
        .button:hover,#openMenu:hover{
            transform:translateY(-1px);
            box-shadow:0 4px 12px rgba(15,23,42,.15);
            border-color:#cbd5f5
        }
        @media(max-width:768px){
            .main-header>.container{flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}
            .nav-buttons{width:100%;justify-content:center;flex-wrap:wrap}
            #openMenu{
                width:100%;padding:6px 0;font-size:.85rem;
                border-radius:12px;box-shadow:0 4px 10px rgba(148,163,184,.6)
            }
            .nav-buttons .button{
                flex:1 1 auto;min-width:100px;padding:6px 4px;
                font-size:.75rem;border-radius:10px;white-space:nowrap
            }
        }
        .sidenav{
            height:100%;width:0;position:fixed;z-index:1200;
            top:0;right:0;
            background:radial-gradient(circle at top right,#1e293b 0,#020617 60%);
            backdrop-filter:blur(10px);
            overflow-x:hidden;
            transition:.3s;padding-top:64px;
            box-shadow:-8px 0 24px rgba(15,23,42,.8)
        }
        .sidenav a{
            padding:10px 14px;text-decoration:none;font-size:.9rem;color:#f1f1f1;
            display:block;text-align:right;margin:6px 16px;
            background:rgba(15,23,42,.9);
            border:1px solid rgba(148,163,184,.7);
            border-radius:12px;transition:.3s
        }
        .sidenav a:hover{
            color:#fff;
            background:linear-gradient(135deg,#4f46e5,#0ea5e9);
            border-color:rgba(191,219,254,.95)
        }
        .closebtn{
            position:absolute;top:14px;left:16px;font-size:.8rem;
            padding:6px 14px;color:#f9fafb;background:#ef4444;
            cursor:pointer;border-radius:999px;border:none
        }
        .form-group{
            width:75%;max-width:600px;background:#fff;color:#111827;
            padding:20px 18px;border-radius:18px;
            margin:30px auto 20px;
            box-shadow:0 8px 20px rgba(15,23,42,.1);
            text-align:center
        }
        @media(max-width:768px){.form-group{width:92%;padding:16px 12px;margin-top:20px}}
        .form-group h3{margin:0 0 10px}
        .form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.9rem}
        input[type=text],input[type=number],input[type=email],select{
            width:100%;padding:9px 10px;border:1px solid #d1d5db;
            background:#f9fafb;outline:0;border-radius:8px;font-size:.9rem;transition:.15s
        }
        input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,select:focus{
            border-color:#4f46e5;background:#fff;box-shadow:0 0 0 2px rgba(79,70,229,.15)
        }
        input[type=submit]{
            width:100%;height:40px;border:0;border-radius:999px;
            background-image:linear-gradient(135deg,#22c55e,#16a34a);
            color:#fff;font-size:1rem;cursor:pointer;margin-top:10px;transition:.12s
        }
        input[type=submit]:hover{
            transform:translateY(-1px);
            box-shadow:0 4px 12px rgba(22,163,74,.4)
        }
        .error-box,.success-box{
            padding:10px 14px;border-radius:10px;margin:10px auto 0;
            width:100%;max-width:600px;font-size:.9rem;line-height:1.7;
            text-align:right;white-space:pre-wrap
        }
        .error-box{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}
        .success-box{background:#ecfdf3;border:1px solid #bbf7d0;color:#166534}
        .scroll-to-top-btn{
            position:fixed;bottom:20px;left:20px;
            background:#4f46e5;color:#fff;border:none;border-radius:999px;
            width:44px;height:44px;display:none;align-items:center;justify-content:center;
            cursor:pointer;font-size:22px;
            box-shadow:0 2px 8px rgba(0,0,0,.25);z-index:1000
        }
        footer{
            background:#00947c;color:#fff;padding:20px 0;
            margin-top:40px;border-radius:8px
        }
        footer .contact-info{text-align:center;margin-top:20px;font-size:.9rem}
        footer .contact-info img{width:24px;margin:0 5px}