.me-page,body,html{background-color:#000000}.me-page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;position:relative;overflow:hidden}.me-dots{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 0);background-size:20px 20px;pointer-events:none}.me-lanyard{position:relative;z-index:1;width:2px;height:60px;background:linear-gradient(180deg,transparent,#333);margin-bottom:-1px}.me-card{width:100%;max-width:300px;min-height:420px;background:#ffffff;border-radius:20px;z-index:1;box-shadow:0 25px 50px -12px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1);overflow:hidden;transform-style:preserve-3d;transition:transform .15s ease-out;will-change:transform}.me-card,.me-card-content{position:relative;display:flex;flex-direction:column}.me-card-content{padding:36px 28px;gap:28px;flex:1 1;z-index:2}.me-header{display:flex;flex-direction:column;gap:6px}.me-name{font-size:32px;font-weight:700;letter-spacing:-.02em;color:#000000;line-height:1.1}.me-name,.me-title{font-family:Montserrat,sans-serif;margin:0}.me-title{font-size:15px;font-weight:500;color:#888888;letter-spacing:-.01em}.me-qr-section{display:flex;justify-content:flex-start;margin-top:auto}.me-qr{width:120px;height:120px;display:block;mix-blend-mode:multiply}.me-links{display:flex;flex-direction:column;gap:12px}.me-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#000000;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;transition:opacity .2s ease;width:-moz-fit-content;width:fit-content}.me-link:hover{opacity:.6}.me-link svg{width:20px;height:20px;flex-shrink:0}.me-gradient{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}.me-gradient:after,.me-gradient:before{content:"";position:absolute;border-radius:50%;filter:blur(40px)}.me-gradient:before{width:180px;height:180px;background:rgba(255,180,130,.5);bottom:-60px;left:-40px;animation:floatBlob1 12s ease-in-out infinite}.me-gradient:after{width:160px;height:160px;background:rgba(200,160,255,.4);bottom:-30px;right:-30px;animation:floatBlob2 15s ease-in-out infinite}.me-card:after{content:"";position:absolute;width:140px;height:140px;background:rgba(255,140,170,.4);border-radius:50%;filter:blur(40px);bottom:20px;left:30%;animation:floatBlob3 18s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes floatBlob1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.1)}50%{transform:translate(60px,-10px) scale(.9)}75%{transform:translate(30px,20px) scale(1.05)}}@keyframes floatBlob2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,40px) scale(1.15)}66%{transform:translate(-30px,-30px) scale(.85)}}@keyframes floatBlob3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(30px,-40px) scale(1.2)}40%{transform:translate(-20px,-60px) scale(.85)}60%{transform:translate(10px,-30px) scale(1.1)}80%{transform:translate(-10px,10px) scale(.95)}}@media (max-width:480px){.me-page{padding:20px}.me-lanyard{height:50px}.me-card{max-width:280px;min-height:380px;border-radius:18px}.me-card-content{padding:28px 24px;gap:24px}.me-name{font-size:28px}.me-title{font-size:14px}.me-qr{width:100px;height:100px}.me-dots{background-size:16px 16px}}@media (max-width:360px){.me-card{max-width:260px;min-height:360px}.me-card-content{padding:24px 20px;gap:20px}.me-name{font-size:24px}.me-qr{width:90px;height:90px}}@media (max-height:500px) and (orientation:landscape){.me-lanyard{height:30px}.me-card{max-width:240px;min-height:auto}.me-card-content{padding:20px;gap:16px}.me-name{font-size:22px}.me-qr{width:70px;height:70px}}