*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;overflow-x:hidden}.center{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;height:100vh;display:flex}.page{z-index:1;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px;position:relative}.container{width:100%;max-width:420px;margin:auto}.profile{text-align:center;color:#fff;margin-bottom:20px}.avatar{color:#764ba2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:auto auto 10px;font-size:30px;font-weight:700;display:flex}.card{-webkit-backdrop-filter:blur(12px);background:#ffffff26;border-radius:16px;margin-bottom:15px;padding:20px;overflow:hidden;box-shadow:0 8px 20px #0003}input{border:none;border-radius:10px;outline:none;width:100%;max-width:100%;margin:8px 0;padding:12px;overflow:hidden}button{color:#000;cursor:pointer;background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:10px;width:100%;padding:12px;font-weight:700;transition:all .3s}button:hover{transform:scale(1.05)}.links a{width:100%;text-decoration:none;display:block}.linkCard{text-align:center;word-wrap:break-word;overflow-wrap:break-word;background:#fff;border-radius:12px;margin-bottom:10px;padding:15px;font-weight:700;transition:all .3s}.linkCard:hover{background:#f1f1f1;transform:scale(1.05)}@media (width<=500px){.container{padding:10px}}