.sound-wave{display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:3px;height:6px;border-radius:999px;background:linear-gradient(0deg,#a855f7,#4f46e5,#00a1e0);transition:height .08s ease-out}.voice-box{display:inline-flex;align-items:center;justify-content:flex-end;height:42px;width:50px;padding:0 10px;overflow:hidden;border-radius:10px;transition:width .5s cubic-bezier(.68,-.1,.27,1.1),padding .4s ease;position:absolute;bottom:35px;right:20px}.voice-box.listening{width:290px;padding:0 10px}@media (max-width:1024px){.voice-box.listening{width:280px}}@media (max-width:768px){.voice-box.listening{width:250px}}@media (max-width:480px){.voice-box.listening{width:220px}}@keyframes glowBorder{0%{box-shadow:0 0 10px 2px #6a5acd;border:#6a5acd;border-width:2px;border-style:solid;clip-path:inset(0 100% 0 0)}25%{clip-path:inset(0 0 100% 0)}50%{clip-path:inset(0 0 0 100%)}75%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.animate-glowBorder{border:2px solid transparent;border-radius:12px;animation:glowBorder 3s linear infinite;background:#6a5acd;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background-size:200% 200%;filter:drop-shadow(0 0 6px rgba(168,86,247,.6))}@media only screen and (max-width:1260px){.left{width:90%}}.atropos{position:relative;display:block;perspective:1200px;transform:translateZ(0)}.atropos-rotate-scroll-x,.atropos-rotate-scroll-y,.atropos-rotate-touch{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.atropos-rotate-touch-scroll-y{touch-action:pan-y}.atropos-rotate-touch-scroll-x{touch-action:pan-x}.atropos-rotate-touch{touch-action:none}.atropos-rotate,.atropos-scale{width:100%;height:100%;transform-style:preserve-3d;transition-property:transform;display:block}.atropos-highlight,.atropos-shadow{position:absolute;pointer-events:none;transition-property:transform,opacity;display:block;opacity:0}.atropos-shadow{z-index:-1;background:#000;left:0;top:0;width:100%;height:100%;filter:blur(30px)}.atropos-highlight{left:-50%;top:-50%;width:200%;height:200%;background-image:radial-gradient(circle at 50%,rgba(255,255,255,.25),transparent 50%);z-index:0}.atropos-inner,.atropos-rotate{position:relative}.atropos-inner{width:100%;height:100%;overflow:hidden;transform-style:preserve-3d;transform:translateZ(0);display:block}.atropos-active{z-index:1}.atropos-active .atropos-shadow{opacity:1!important}::slotted([data-atropos-offset]),[data-atropos-offset]{transition-property:transform}[data-atropos-opacity]{transition-property:opacity}::slotted([data-atropos-offset][data-atropos-opacity]),[data-atropos-offset][data-atropos-opacity]{transition-property:transform,opacity}.profile-card{margin-top:70px;width:100%;display:flex;justify-content:center;padding:0 16px}.atropos-wrapper{width:100%;max-width:500px;background:transparent;overflow:visible}.profile-card-box{width:100%;margin:0 auto;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;padding:20px;transition:transform .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.05)}.profile-header{display:flex;flex-direction:column;align-items:center;gap:20px}.profile-avatar img{border-radius:50%}.profile-name{text-align:center}.profile-name h3{font-family:inherit;font-weight:700;line-height:1.2;font-size:clamp(24px,5vw,30px);background-image:linear-gradient(90deg,#a856f7,#6a5acd 50%,#00a1e0);background-clip:text;-webkit-background-clip:text;color:transparent}.profile-name p{font-weight:500;font-size:clamp(14px,3vw,18px);color:#333}.profile-info{margin-top:25px;display:flex;flex-direction:column;gap:10px}.profile-pill{display:flex;align-items:center;justify-content:center;gap:8px;background:#f4f5ff;padding:6px 12px;border-radius:999px;transition:background .2s ease;text-decoration:none}.profile-pill:hover{background:#e6e8ff}.profile-pill span{font-weight:500;font-size:15px;background:linear-gradient(90deg,#a856f7,#00a1e0);background-clip:text;-webkit-background-clip:text;color:transparent}.profile-btn{margin-top:25px}.profile-btn button{width:100%;height:45px;border-radius:999px;font-size:16px;font-weight:500;color:#ffffff;background:linear-gradient(90deg,#6a5acd,#00a1e0);border:none;cursor:pointer}@media (min-width:640px){.profile-card-box{padding:20px 30px}.profile-header{flex-direction:row;align-items:flex-start;text-align:left}.profile-name{text-align:left}.profile-info{flex-direction:row;justify-content:space-between;gap:20px}.profile-pill{justify-content:flex-start}}