/*
Theme Name: King Susu Link Bio
Theme URI: https://kingsusu.com/
Author: King Susu
Description: Tema WordPress sederhana bergaya link-in-bio untuk King Susu.
Version: 1.0
License: GPL-2.0-or-later
Text Domain: king-susu
*/

:root{
  --green:#95cf31;
  --green-dark:#7fbd20;
  --navy:#17323c;
  --white:#fff;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}
body{background:linear-gradient(180deg,var(--green) 0%,var(--green-dark) 100%);color:#fff}
a{text-decoration:none}
.ks-home{min-height:100vh;width:100%;padding:27px 16px 14px;background:linear-gradient(180deg,#95cf31 0%,#7fbd20 100%);display:flex;justify-content:center}
.ks-container{width:100%;max-width:450px;text-align:center}
.ks-logo{width:166px;height:166px;display:block;object-fit:cover;border-radius:50%;margin:0 auto 19px;background:#fff;border:7px solid rgba(255,255,255,.95);box-shadow:0 7px 16px rgba(23,50,60,.13)}
.ks-title{margin:0;color:#fff;font-size:35px;line-height:1.1;font-weight:800;text-shadow:0 3px 0 rgba(23,50,60,.25)}
.ks-tagline{margin:14px 0 29px;color:#fff;font-size:18px;line-height:1.3;font-weight:800}
.ks-links{width:100%}
.ks-btn{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:70px;margin:0 0 9px;padding:8px 20px 8px 72px;border:3px solid var(--navy);border-radius:38px;background:var(--green);color:#fff;box-shadow:0 8px 0 var(--navy);font-size:16px;font-weight:900;letter-spacing:.1px;transition:transform .15s ease,box-shadow .15s ease}
.ks-btn:hover{color:#fff;transform:translateY(3px);box-shadow:0 5px 0 var(--navy)}
.ks-icon{position:absolute;left:21px;top:50%;transform:translateY(-50%);width:37px;height:37px;border:2px solid var(--navy);border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#17323c}
.ks-label{width:100%;text-align:center;white-space:nowrap}
.ks-footer{margin:28px 0 0;font-size:11px;font-weight:700;color:#fff}
@media(max-width:480px){
 .ks-home{padding:25px 13px 13px}
 .ks-logo{width:155px;height:155px;margin-bottom:18px}
 .ks-title{font-size:32px}
 .ks-tagline{font-size:17px;margin:13px 0 28px}
 .ks-btn{height:68px;font-size:15px;padding-left:65px}
 .ks-icon{left:19px;width:36px;height:36px}
}
@media(max-width:360px){
 .ks-title{font-size:29px}
 .ks-tagline{font-size:15px}
 .ks-btn{font-size:13px}
 .ks-label{white-space:normal;line-height:1.15}
}