*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}
body{background:linear-gradient(135deg,#8b2cff,#6d22df,#9d35ff);min-height:100vh;display:flex;justify-content:center;padding:40px}
.container{width:100%;max-width:620px}
.card{background:#261b52;padding:35px;border-radius:28px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.logo{text-align:center;font-size:48px;font-weight:800}.logo span:first-child{color:#fff}.logo span:last-child{color:#ff9332}
h1{text-align:center;color:#fff;font-size:36px}p{text-align:center;color:#cfc8e8;margin:10px 0 30px}
.quick{display:flex;flex-direction:column;gap:14px}.quick a{text-decoration:none;color:#fff;background:#342760;border:1px solid rgba(255,255,255,.08);padding:18px;border-radius:18px;text-align:center;font-weight:600;transition:.3s}.quick a:hover,.item:hover{transform:translateY(-3px)}
.quick i{margin-right:10px}
.item{display:flex;align-items:center;text-decoration:none;background:#261b52;color:#fff;padding:20px;border-radius:24px;margin-top:22px;box-shadow:0 10px 20px rgba(0,0,0,.25);transition:.3s}
.icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;margin-right:18px}
.insta{background:linear-gradient(45deg,#ffcf00,#ff006a,#7638ff)}.wa{background:linear-gradient(45deg,#28d76c,#1bb55c)}.tg{background:linear-gradient(45deg,#5da8ff,#3b6dff)}
.item h3{font-size:24px}.item span{color:#cfc8e8}.arrow{margin-left:auto;color:#b9b0d6;font-size:24px}
@media(max-width:600px){body{padding:20px}.logo{font-size:38px}h1{font-size:28px}.item h3{font-size:20px}}