body{margin:0;padding:0;height:100vh}.find-id-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:#0c0c0c}.find-id-main{width:100%;max-width:480px}.find-id-container{border-radius:8px;padding:48px}.find-id-logo-area{text-align:center;margin-bottom:40px}.find-id-logo-area h1{display:flex;justify-content:center;margin-bottom:16px}.find-id-logo-area h1 a{display:inline-block}.find-id-logo-area h2{color:#fff;font-family:Pretendard;font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.5px;margin:0}.find-id-form-area{margin-bottom:24px}.input-wrapper{position:relative}.find-id-input{width:100%;height:56px;padding:16px 20px;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#fff;font-family:Pretendard;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.2px;transition:all .3s ease;box-sizing:border-box}.find-id-input:focus{outline:none;border-color:#fff;background-color:#333}.find-id-input::-moz-placeholder{color:#7c7c7c}.find-id-input::placeholder{color:#7c7c7c}.phone-wrapper{display:flex;gap:12px;align-items:center}.phone-wrapper .find-id-input{flex:1}.find-id-wrap .verify-button{flex-shrink:0;height:56px;padding:0 24px;background-color:#d11113;border:none;border-radius:8px;color:#fff;font-family:Pretendard;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;cursor:pointer;transition:all .3s ease}.verify-button:hover{background-color:#e12b25}.verify-input-wrapper{display:flex;gap:12px;align-items:center;position:relative}.verify-input-wrapper .find-id-input{flex:1;padding-right:80px}.timer{position:absolute;top:50%;transform:translateY(-50%);color:#e12b25;background-color:transparent;pointer-events:none}.timer,.verify-confirm-button{font-family:Pretendard;font-size:14px;font-weight:600}.verify-confirm-button{flex-shrink:0;height:56px;padding:0 20px;background-color:#3a3a3a;border:none;border-radius:8px;color:#fff;line-height:20px;letter-spacing:-.2px;cursor:pointer;transition:all .3s ease}.verify-confirm-button:hover{background-color:#4a4a4a}.input-wrapper.error .find-id-input{border-color:#d11113}.error-message{display:none;color:#d11113;font-family:Pretendard;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.2px;margin-top:8px}.error-message.show{display:block}.find-id-button{width:100%;height:56px;background-color:#d11113;border:none;border-radius:8px;color:#fff;font-family:Pretendard;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-.2px;cursor:pointer;transition:all .3s ease;margin-top:16px}.find-id-button:hover{background-color:#e12b25}.find-id-button:active{transform:translateY(1px)}.find-id-result-area{margin-top:24px}.result-container{background-color:#2a2a2a;border-radius:8px;padding:32px;border:1px solid #3a3a3a}.result-header{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #3a3a3a}.result-header h3{color:#fff;font-family:Pretendard;font-size:24px;font-weight:700;line-height:32px;letter-spacing:-.5px;margin:0 0 8px}.result-header p{color:#b4b4b4;font-family:Pretendard;font-size:16px;font-weight:400;line-height:24px;letter-spacing:-.2px;margin:0}.result-content{margin-bottom:32px}.user-info{margin-bottom:24px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #3a3a3a}.info-item:last-child{border-bottom:none}.info-item .label{color:#7c7c7c;font-size:14px;font-weight:500;line-height:20px}.info-item .label,.info-item .value{font-family:Pretendard;letter-spacing:-.2px}.info-item .value{color:#fff;font-size:16px;font-weight:600;line-height:24px}.id-info{background-color:#191919;border-radius:8px;padding:24px;border:2px solid #e12b25}.id-box{text-align:center;margin-bottom:16px}.id-label{color:#e12b25;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;margin-bottom:8px}.id-label,.id-value{display:block;font-family:Pretendard}.id-value{color:#fff;font-size:20px;font-weight:700;line-height:28px;letter-spacing:-.3px}.join-date{text-align:center;color:#7c7c7c;font-family:Pretendard;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-.2px}.result-actions{display:flex;gap:12px}.btn-primary,.btn-secondary{flex:1;height:48px;border:none;border-radius:8px;font-family:Pretendard;font-size:14px;font-weight:600;line-height:20px;letter-spacing:-.2px;cursor:pointer;transition:all .3s ease}.btn-secondary{background-color:#3a3a3a;color:#fff}.btn-secondary:hover{background-color:#4a4a4a}.btn-primary{background-color:#d11113;color:#fff}.btn-primary:hover{background-color:#e12b25}