body{margin:0;font-family:Lexend,sans-serif;background:linear-gradient(135deg,#2c2238,#3a2b4c);color:#f5f5f5;display:flex;justify-content:center;align-items:center;height:100dvh;overflow:hidden}.container{max-width:480px;width:100%;background:#3d2e4d;padding:2.5rem;border-radius:20px;box-shadow:0 8px 30px #c266ff33;text-align:center}h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(to right,#da7ed2,#c68cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-weight:400;font-size:1rem;margin-bottom:1.5rem;opacity:.9;color:#e5b8ff}.input{width:100%;padding:1rem;border-radius:12px;border:2px solid #a46fbb;font-size:1.1rem;outline:none;background:#4d3a5e;color:#f5f5f5;margin-bottom:2rem;transition:box-shadow .3s,border-color .3s}.input:focus{border-color:#e1a1ff;box-shadow:0 0 0 3px #da7ed24d}.result{background:#4a355a;padding:1.5rem;border-radius:14px;box-shadow:inset 0 0 12px #ffb6ff26}.result .name{font-size:1.6rem;margin-bottom:.3rem;font-weight:600;color:#eec6fa;text-transform:capitalize}.result .age{font-size:3rem;font-weight:800;margin-bottom:.3rem;background:linear-gradient(to right,#d980fa,#ff9ff3);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.result .age span{font-size:1.1rem;color:#ccc;background:none;-webkit-text-fill-color:initial}.meta{font-size:.85rem;color:#d8bde8;margin-top:.5rem}.error{color:#ff7b9c;background:#5a3342;padding:1rem;border-radius:10px;font-weight:500}.loading{color:#ddb4f5;font-style:italic}@media (max-width: 480px){.container{padding:1.8rem;border-radius:16px}h1{font-size:1.8rem}.input{font-size:1rem;padding:.9rem}.result .age{font-size:2.5rem}.subtitle{font-size:.95rem}}body:before,body:after{content:"";position:fixed;z-index:-1;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle at center,#c68cff88,transparent 70%);filter:blur(80px)}body:before{top:-100px;left:-100px}body:after{bottom:-100px;right:-100px}