*{
        box-sizing:border-box;
    }

    body{
        margin:0;
        font-family:"Inter", sans-serif;
        background:#050B1A;
        color:#FFFFFF;
        display:flex;
        justify-content:center;
        align-items:center;
        min-height:100vh;
        padding:24px;
    }
	.logo{
		display:block;
		width:80px;
		max-width:28vw;
		height:auto;
		margin:0 auto 18px;
		border-radius:22px;
	}
    .container{
        width:100%;
        max-width:520px;
    }

    .card{
        background:#0B1326;
        border:1px solid #1C2940;
        border-radius:18px;
        padding:32px 24px;
        text-align:center;
    }
	.cardtop {		
        border-bottom:1px solid #223047;
	}
    h1{
        margin:0;
        font-size:42px;
        font-weight:700;
    }

    .tagline{
        color:#34C759;
        margin-top:8px;
        font-size:17px;
        font-weight:600;
    }

    p{
		text-align:left;
        color:#D7DFEA;
        line-height:1.7;
    }

    .button{
        display:block;
        width:100%;
        text-decoration:none;
        background:#34C759;
        color:#FFFFFF;
        font-weight:bold;
        padding:15px;
        border-radius:12px;
        margin:14px 0;
        transition:.2s;
    }

    .button:hover{
        background:#2DB44F;
    }

    .button.secondary{
        background:transparent;
        border:1px solid #34C759;
        color:#34C759;
    }

    .button.secondary:hover{
        background:#13221A;
    }

    .footer{
        text-align:center;
        color:#8A96A8;
        font-size:13px;
        margin-top:20px;
    }

    a{
        color:inherit;
    }