*{
                box-sizing: border-box;
            }
            body {
                margin: 0;
                padding: 0;
                font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                background: rgba(242, 241, 246, 1);
            }


            .header{
margin-top: 32px;
margin-bottom: 24px;
                color: rgba(0, 0, 0, 1);
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: 0%;
                text-align: center;
            }


            .container {
                max-width: 570px;
                padding: 0 16px;
                margin: 0 auto;
            }
    
            .notification-box {
                border-radius: 20px;
                background: rgba(255, 255, 255, 1);
                padding: 8px 16px 16px;
            }
            .logo{
height: 82px;
margin: 0 auto;
display: block;
margin-bottom: 12px;
            }
            .t1{
                color: rgba(223, 79, 62, 1);

                margin-bottom: 6px;
                font-size: 20px;
                font-weight: 700;
                line-height: 24px;
                letter-spacing: 0%;
                text-align: center;
            }
            .t2{
                color: rgba(34, 34, 34, 1);

                margin-bottom: 24px;
                font-size: 16px;
                font-weight: 400;
                line-height: 22px;
                letter-spacing: 0%;
                text-align: center;
            }
            .inbox{
                border-radius: 24px;
                background: rgba(219, 160, 153, 1);
                padding: 12px 16px;
                width: 100%;
                margin-bottom: 24px;
            }
            .in1 {
                display: flex;
                align-items: center;              
                justify-content: space-between;               
            }


            .in1l,
            .in1r {
                display: flex;
                align-items: center;
            }
            .in1lt{
                color: rgba(0, 0, 0, 1);
                font-size: 15px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0%;
                text-align: left;
            }
            .in1rt{
                color: rgba(123, 33, 17, 1);
                font-size: 14px;
                font-weight: 700;
                line-height: 17px;
                letter-spacing: 0%;
                text-align: left;
            }

            .icloud{
                width: 28px;
                margin-right: 12px;
            }
            .store{
                width: 28px;
                margin-right: 12px;
            }
            .arrow{
                width: 20px;
                margin-left: 6px;
            }
            .hr{
                background: rgba(0, 0, 0, 0.12);
                width: 100%;
                height: 1px;
                margin-top: 12px;
                margin-bottom: 12px;
            }
            .button{
                border-radius: 50px;
                background: linear-gradient(180.00deg, rgba(97, 149, 247, 1),rgba(60, 125, 245, 1) 100%);
                margin-bottom: 12px;
                color: rgba(250, 252, 252, 1);
                font-size: 15px;
                font-weight: 700;
                line-height: 18px;
                letter-spacing: 0%;
                text-align: center;
                padding: 18px 0;
            }

            .timerb{
                border-radius: 50px;
                background: rgba(232, 231, 236, 1);
                margin-bottom: 12px;
                color: rgba(184, 64, 37, 1);
                font-size: 15px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0%;
                text-align: center;
                padding: 13px 0;
                
                font-variant-numeric: tabular-nums;
                font-feature-settings: "tnum";
            }
            .settings{
                border-radius: 50px;
                background: rgba(232, 231, 236, 1);
                color: rgba(34, 34, 34, 1);
                font-size: 15px;
                font-weight: 400;
                line-height: 18px;
                letter-spacing: 0%;
                text-align: center;
                padding: 13px 0;
            }
            .footer{
                padding: 16px;
                font-size: 13px;
                font-weight: 400;
                line-height: 16px;
                letter-spacing: 0%;
                text-align: center;
                color: rgba(122, 122, 122, 1);
            }
            .footer .link{
                color: rgba(65, 101, 170, 1);
                border-bottom: 1px solid rgba(65, 101, 170, 1);
            }