body{margin:0;padding:0;overflow-x:hidden}.main{text-align:center;box-sizing:border-box;background:#fff;border-radius:32px;width:100%;max-width:400px;margin:0 auto;padding:40px 24px;transition:transform .2s;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #00000005}.main h1{color:#1f2937;letter-spacing:-.3px;word-break:break-word;margin-bottom:32px;font-size:28px;font-weight:600}.icon{cursor:pointer;background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;transition:background-color .2s,transform .2s;display:flex}.icon svg{color:#4285f4;width:36px;height:36px}.icon:hover{background-color:#e5e7eb;transform:scale(1.02)}.main p{color:#4b5563;cursor:pointer;word-break:break-word;margin-top:8px;font-size:16px;font-weight:500;transition:color .2s}.main p:hover,.icon:hover+p,.icon:focus+p{color:#1f2937}@media (width<=480px){.main{padding:32px 20px}.main h1{margin-bottom:28px;font-size:24px}.icon{width:56px;height:56px}.icon svg{width:30px;height:30px}.main p{font-size:14px}}.process{text-align:center;background:#fff;border-radius:40px;margin:0 auto;padding:20px 30px;animation:.3s fadeIn;display:inline-block;box-shadow:0 10px 20px #0000000d}.process p{color:#0f6b5c;letter-spacing:.5px;align-items:center;gap:12px;font-size:18px;font-weight:500;display:flex}.process p:before{content:"⚙️";font-size:22px;animation:1.2s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile{text-align:center;background:#fff;border-radius:32px;width:90%;max-width:500px;margin:0 auto;padding:35px 30px;animation:.4s fadeIn;box-shadow:0 20px 35px #00000014}.profile h1{color:#164e45;letter-spacing:-.3px;margin-bottom:25px;font-size:28px;font-weight:600}.detail{flex-direction:column;align-items:center;gap:15px;margin-bottom:30px;display:flex}.detail img{object-fit:cover;border:3px solid #e0f0ea;border-radius:50%;width:120px;height:120px;box-shadow:0 8px 20px #0000001a}.detail h2{color:#2c3e2f;word-break:break-word;width:100%;font-size:20px;font-weight:500}.detail h2:first-of-type{margin-top:10px}.profile button{color:#fff;cursor:pointer;background:#0f6b5c;border:none;border-radius:40px;width:50%;padding:12px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 8px #0f6b5c33}.profile button:hover{background:#0a5347;transform:translateY(-2px)}.profile button:active{transform:translateY(0)}.error{color:#500521;text-align:center;word-break:break-word;background-color:#ffe6e6;border-radius:40px;width:80%;max-width:400px;margin:0 auto;padding:14px 20px;font-size:15px;font-weight:500;box-shadow:0 2px 8px #0000000d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=580px){body{padding:16px}.main,.profile,.error{max-width:100%}.main{padding:30px 20px}.main h1{margin-bottom:25px;font-size:24px}.icon{width:56px;height:56px}.icon svg{width:30px;height:30px}.main p{font-size:14px}.profile{padding:25px 20px}.profile h1{font-size:24px}.detail img{width:100px;height:100px}.detail h2{font-size:18px}.process p{font-size:16px}}:root{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:grab;font-family:Comfortaa}