*{margin:0;padding:0;box-sizing:border-box}:root{--text-color: white;--bg-color: #000;--bg-url: url(/assets/bg-mobile.jpg);--stroke-color: rgba(255, 255, 255, .5);--surface-color: rgba(255, 255, 255, .05);--surface-color-hover: rgba(0, 0, 0, .02);--highlight-color: rgba(255, 255, 255, .2);--switch-bg-url: url(/assets/moon-stars.svg)}.light{--text-color: black;--bg-color: white;--bg-url: url(/assets/bg-mobile-light.jpg);--stroke-color: rgba(0, 0, 0, .5);--surface-color: rgba(0, 0, 0, .05);--surface-color-hover: rgba(0, 0, 0, .02);--highlight-color: rgba(0, 0, 0, .1);--switch-bg-url: url(/assets/sun.svg)}body,html{min-height:100%;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-color) var(--bg-url) no-repeat top center/cover;color:var(--text-color)}@keyframes bounce{0%,to{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-20px)}}#container{width:100%;max-width:588px;margin:56px auto 0;padding:0 24px}#profile{text-align:center;padding:16px;transition:all .3s ease}#profile img{width:112px;transition:transform .3s ease}#profile img:hover{transform:scale(1.05)}#profile h1,#profile h2,#profile p{color:var(--text-color)}#profile h1{font-size:18px;font-weight:500;line-height:24px;margin-top:8px;transition:color .3s ease}#profile h2{font-size:16px;font-weight:500;line-height:24px;margin-top:8px;transition:color .3s ease}#profile p{font-weight:500;line-height:24px;margin-top:8px}#profile p:last-child{font-weight:200}#switch{position:relative;width:64px;margin:4px auto}#switch button{width:32px;height:32px;background:#fff var(--switch-bg-url) no-repeat center;border:0;border-radius:50%;position:absolute;z-index:1;top:50%;transform:translateY(-50%);transition:left .2s ease;cursor:pointer}#switch span{display:block;width:64px;height:24px;background:var(--surface-color);border:1px solid var(--stroke-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:9999px}.light #switch button{left:32px}#switch button:hover{outline:8px solid var(--highlight-color)}ul{list-style:none;display:flex;flex-direction:column;gap:16px;padding:24px 0;transition:gap .3s ease}ul li a{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:var(--surface-color);border:1px solid var(--stroke-color);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-decoration:none;font-weight:500;color:var(--text-color);transition:background .2s ease,border .2s ease,color .3s ease}ul li a:hover{background:var(--surface-color-hover);border:1.5px solid var(--text-color)}#social-links{display:flex;padding:16px;font-size:24px;justify-content:center;transition:padding .3s ease,color .3s ease;background:transparent}#social-links a{display:flex;justify-content:center;align-items:center;width:48px;height:48px;border-radius:50%;position:relative;color:var(--text-color);margin:8px;overflow:hidden;transition:transform .3s ease}#social-links a:before{content:"";position:absolute;inset:0;background:var(--highlight-color);border-radius:50%;opacity:0;transition:opacity .3s ease}#social-links a:hover:before{opacity:1}#social-links a:hover{transform:scale(1.1)}footer{padding:24px 0;text-align:center;font-size:14px}footer a{color:var(--text-color);transition:color .1s ease}footer a:hover{color:var(--highlight-color)}@media (min-width: 700px){:root{--bg-url: url(/assets/bg-desktop.jpg)}.light{--bg-url: url(/assets/bg-desktop-light.jpg)}}