/*
Theme Name: MK Landing
Author: Mostafa Khalil
Description: Minimal one-screen personal landing page. Shows the name only.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mk-landing
*/
@font-face{font-family:"Poppins";src:url("assets/fonts/Poppins-Light.ttf") format("truetype");font-weight:300;font-display:swap}
@font-face{font-family:"Poppins";src:url("assets/fonts/Poppins-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Poppins";src:url("assets/fonts/Poppins-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#141820;color:#fff;font-family:"Poppins",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.mk-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;
background:radial-gradient(120% 80% at 50% 0%,#1d2430 0%,#141820 55%,#0e1117 100%)}
.mk-stage::before{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.08);pointer-events:none}
.mk-mark{font-weight:700;font-size:clamp(72px,16vw,168px);line-height:.9;letter-spacing:-.06em;margin:0;padding-right:.06em;animation:mk-in .9s ease both}
.mk-rule{width:56px;height:2px;background:#2fbf9b;margin:clamp(24px,4vw,40px) auto;animation:mk-grow .8s .35s ease both}
.mk-name{font-weight:300;font-size:clamp(15px,2.6vw,26px);letter-spacing:.5em;margin:0;padding-left:.5em;text-transform:uppercase;animation:mk-in .9s .5s ease both}
.mk-foot{position:absolute;bottom:44px;left:0;right:0;font-size:11px;letter-spacing:.25em;color:rgba(255,255,255,.38);text-transform:uppercase;animation:mk-in .9s .9s ease both}
@keyframes mk-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes mk-grow{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:none}}
@media (max-width:480px){.mk-stage::before{inset:12px}.mk-name{letter-spacing:.32em;padding-left:.32em}.mk-foot{bottom:28px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}